在 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/

10-12 12:30
查看更多