React Native中的flex-box布局存在问题

pinkon5k 于 2022-11-25 发布在 React

关注(0)|答案(1)|浏览(125)

假设有一个正方形的容器，如何确保B居中，而A在左上角，如图所示？

如果我将B放在视图中并将内容居中对齐，B只会在A和容器底部之间的空间居中。如何阻止A向下推B？

react-native

来源：https://stackoverflow.com/questions/74554926/problem-with-flex-box-layout-in-react-native

1条答案

按热度按时间

bakd9h0s1#

在这种情况下，可以使用position: 'absolute'表示A。

<View style={{ height: 100, width: 100, backgroundColor: 'red', justifyContent: 'center', alignItems: 'center' }}>
  <Text style={{ position: 'absolute', top: 0, left: 0, color: 'white' }} >A</Text>
  <Text style={{ color: 'white' }} >B</Text>
</View>

赞(0）回复(0）举报 2022-11-25

我来回答

React Native中的flex-box布局存在问题

1条答案

相关问题

热门标签

最新问答