如何处理react-native中的加载条

Question

我正在使用react-native 我通过服务器获取API，数据来了，我在我的应用程序中显示。 当我的应用程序中的数据设置为假时，我正在使用加载栏 但是，所有数据都不会立即出现。 加载完成后几乎没有时间出现。 那么，我怎样才能增加加载条的时间。 因此，当我的加载失败时，一次性显示所有数据。

Answer 1

您可能需要制作一个可以在任何地方使用的loading overlay component。

例如

import {ActivityIndicator} from 'react-native'

_renderSpinner = () => {
        return (
            <View style={{position: 'absolute',
                left: 0,
                right: 0,
                top: screenwidth / 2,
                bottom: 0}}>
                    <ActivityIndicator color={Colors.Primary} size={'large'}/>
            </View>
        )
    }

render () {
     return (
                {yourLoaderVaribale && this._renderSpinner()}    
     )
}