我想在屏幕中央显示微调器。我使用了 alignItems、justifyContent 和 flex,但位置没有变化,然后我使用 margintop 进行正确定位。为什么 alignItems、justifyContent 的使用没有变化和弹性?
我在这里使用微调器。
return (
<View style={style.spinnerStyle}>
<Spinner size ="large" />
</View>
);
const style = {
spinnerStyle: {
flex: 1,
marginTop:240
}
};
微调器.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/