在React Native中（使用NativeBase），文本如何垂直对齐？

Question

在React Native中（使用NativeBase），文本如何垂直对齐？

textreact-nativevertical-alignmentnative-base

93

我在想是否有办法在React Native中垂直对齐。我试图将其定位在底部，但我认为我找不到一个好的方法来实现。

如果有人知道如何解决这个问题，请告诉我。

- ckim16

12个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Umesh Bhatia · Answer 1

在 Text 组件的容器和组件本身上都使用 flex:1 属性。因为如果您不定义高度和宽度，它将无效。

  <View style={{
     flex:1,
        }} >  
     <Text style={{
       flex:1,
       color: COLORS.primary,
       fontFamily: "FredokaOne-Regular",
       fontSize:40,
       textAlign:"center",
       textAlignVertical:"center",
       }}
     numberOfLines={2} >
       Travia War
     </Text>
  </View>

- Amsvartner · Answer 2

这是一个有点丑陋的解决方案。ScrollView将占据剩余的垂直空间，将文本推到底部。

<View>
  <ScrollView>{}</ScrollView>
  <Text>Your text</Text>
</View>

Or..

<View>
  <View style={{ flex: 1 }}>{}</View>
  <Text>Your text</Text>
</View>