lineHeight的风格在ReactNative中非常不寻常

Question

当我使用LineHeight时，Text的字体位置通常应该是Vertical center，但是，字体显示在对齐的底部。

    <View style={styles.container}>
     <Text style={styles.welcome}>
       Welcome to React Native!
     </Text>
    </View>

    container: {
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
     backgroundColor: '#F5FCFF',
    },
    welcome: {
      fontSize: 20,
      textAlign: 'center',
      margin: 10,
      height: 60,
   // lineHeight: 60,
      backgroundColor: 'green',
    }

我不知道造成这种情况的原因，任何人都可以给我一些建议吗？谢谢。

Answer 1

不确定您所在的平台以及正在运行的React Native版本。

但是，此问题已针对具有React Native＆lt; = 0.51。

的Android平台解决

所以，如果您的环境相同=＆gt;更新到React Native 0.52或更高版本以解决此问题。