在 React Native 中,我在另一个 View 中有一个 subview ,但它不在页面中间居中。但是,如果 subview 不在父 View 内并且单独存在,则它会在页面中间很好地居中。
我怎样才能让 subview 在另一个 View (父 View )中居中到页面中间?
这是代码:
render() {
return (
<View id="parentView">
<View
id="childView"
style={
flex: 1,
justifyContent: 'center',
alignItems: 'center',
}
>
<Text>Center This to Middle of Page</Text>
</View>
<View
id="childViewTwo"
>
<Text>Don't center me</Text>
</View>
</View>
);
}
最佳答案
只需将 flex:1
添加到您的父 View 。我为你做了一个工作示例:
https://rnplay.org/apps/zHO1YA
return (
<View id="parentView" style={{flex: 1}}>
<View
id="childView"
style={{
flex: 1,
justifyContent: 'center',
alignItems: 'center',
}}
>
<Text>Center This to Middle of Page</Text>
</View>
<View
id="childViewTwo"
>
<Text>Don't center me</Text>
</View>
</View>
);
关于javascript - react native : Why don't flex justifyContent and alignItems work for child <View/>?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39401529/