Question

我在android中使用react-native创建ToDo应用程序。对于CRUD操作，我正在使用数据库。现在，当我进行数据库请求时，我显示忙指示符，直到我的请求完成并设置状态相同。但我的问题是，loder显示在最底层（比如我的任务下面），而不是像往常一样显示上面的任务。我也试过使用ZIndex，但它没有用。

View image

任何帮助都将得到帮助。谢谢.. !!

Answer 1

您可以使用正确的样式在页面上叠加忙碌指示符。

<View style={styles.indicator}>
  <ActivityIndicator animating={this.state.loading} size="small"/>
</View>

let styles = StyleSheet.create({
  indicator: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0
  }
})

忙碌的指示器反应原生

1 个答案: