Javascript 本地反应：为什么不'；t flex justify content和alignItems适用于儿童<；查看/>；？ 在本地反应中，我在另一个视图中有一个子视图，但是它不在页面中间。但是如果子视图不在父视图的内部并且单独存在，那么它在页面中间是很好的。

如何使子视图在另一个视图（父视图）内时居中于页面中间

代码如下：

  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>
    );
  }

render（）{
返回(
将此页居中放置
别把我放在中间
);
}

只需在父视图中添加

flex:1

。我为你做了一个有效的例子：

返回(
将此页居中放置
别把我放在中间
);

@antseburova谢谢！工作起来很有魅力！只是一个简单的问题，为什么它需要有嵌套的flex:1？就像常规CSS一样：当你想要一个块有100%的高度时，你也需要一个父块有一个特定的高度。否则，它将不起作用。

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>
    );