假设有一个正方形的容器,如何确保B居中,而A在左上角,如图所示?
如果我将B放在视图中并将内容居中对齐,B只会在A和容器底部之间的空间居中。如何阻止A向下推B?
bakd9h0s1#
在这种情况下,可以使用position: 'absolute'表示A。
position: 'absolute'
<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>
1条答案
按热度按时间bakd9h0s1#
在这种情况下,可以使用
position: 'absolute'
表示A。