javascript - react-native:在屏幕中央显示微调器

我想在屏幕中央显示微调框。我使用alignItems，justifyContent和flex，但是位置没有变化，所以我使用margintop进行正确定位。为什么对alignItems，justifyContent和flex的使用没有变化？

在这里，我正在使用微调器。

 return (
  <View style={style.spinnerStyle}>
  <Spinner size ="large" />
  </View>
 );
 const style = {
spinnerStyle: {
  flex: 1,
  marginTop:240
}
};

Spinner.js

  import React from 'react';
  import {View,ActivityIndicator} from 'react-native';

  const Spinner = ({size}) => {
  return (
  <View style = {styles.spinnerStyle}>
  <ActivityIndicator size={size || 'large'} />
  </View>
  );
 };

const styles = {
spinnerStyle: {
flex: 1,
justifyContent: 'center',
alignItems:'center'
 }
 };

export { Spinner };

最佳答案

您能否尝试以下操作：

您在哪里使用Spinner

spinnerStyle: {
    flex: 1,
    marginTop:240,
    justifyContent: 'center',
    alignItems:'center'
}

在微调器中

spinnerStyle: {
    flex: 1
    alignSelf:'center'
}

关于javascript - react-native:在屏幕中央显示微调器，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45319767/