应用alignItems后，ListItem丢失了内容：＆＃39; center＆＃39;到父视图

Question

我只将alignItems: 'center'应用于View，并丢失了ListItems的所有内容。

任何想法如何解决？非常感谢。

Answer 1

这是因为我们正在设置父视图的对齐中心。不要设置父视图的对齐中心。创建另一个子视图并设置其对齐中心。

<View style={{ flex: 1 }}>
    <View style={{ alignItems: 'center' }}>
      {/*... QR code image */
    </View>
    <View>
      {/*... list view*/}
    </View>
</View>

或者您也可以设置alignSelf

的alignItems实例

<View style={{ flex: 1 }}>
    <View style={{ alignSelf: 'center' }}>
      {/*... QR code image */
    </View>
    <View>
      {/*... list view*/}
    </View>
</View>

alignSelf仅为该元素设置排名。它不会反映同一父母的孩子的其他元素。