English | 简体中文

@ray/delay-loading

默认 300ms 延迟显示 loading

Installation

$ npm install @ray/delay-loading
# or
$ yarn add @ray/delay-loading

Develop

# install deps
yarn

# watch compile demo
yarn start:tuya

Usage

import DelayLoading from '@ray/delay-loading';

export default () => (

    const [isShow, setIsShow] = useState(true);

    return (
        <DelayLoading
            isShow={isShow}
            timeout={3000}
            // loadingView={
            //   <View>
            //     <View>111</View>
            //     <View>222</View>
            //   </View>
            // }
            loadingText={<View style={{ marginTop: 20 }}>正在努力加载中…</View>}
        >
            <View>请求完成</View>
        </DelayLoading>
    )
);