如何将加载程序设置在屏幕中央并锁定屏幕直到获得响应。在本机反应中

Question

我是 React Native 的新手。我正在尝试显示加载器直到得到服务器的响应。当加载程序显示时，我想锁定屏幕意味着用户无法滚动或无法执行任何操作。 这是加载程序代码

import {ActivityIndicator} from 'react-native

 isLoading: true,

 <ScrollView style={{ flex: 1, height: Dimensions.get('window').height / 1.1,}}>

  <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
        {this.state.isLoading && <ActivityIndicator  size="large" color={"orange"} />}
      </View>

</ScrollView>

请帮忙谢谢。通过添加此代码。我无法在中心显示该加载器，当我向下滚动时，该加载器会上升且无法显示。

Answer 1

import {ActivityIndicator} from 'react-native

 if(isLoading){
     <View style={{ flex: 1, justifyContent: "center", alignItems: "center" 
      }}>
        <ActivityIndicator  size="large" color={"orange"} />
     </View>
}
else {
    <ScrollView style={{ flex: 1, height: Dimensions.get('window').height / 1.1,}}>

   /* your rest code * /

  </ScrollView>
}