美文网首页
React-native Text文字垂直居中的问题

React-native Text文字垂直居中的问题

作者: 晨阳Xia | 来源:发表于2021-10-08 14:41 被阅读0次

React-native中文字垂直居中的坑

iPhoneX 设置了 justifyContent 居中,但是iPhone12promax不居中解决方案
在Text外部包裹一层view,flex属性放在view里,文字属性放在textstyle里

代码示例

<View style={styles.textSuperViewStyle}>
              <Text style={styles.textStyle} numberOfLines={1}>
                { tipList[0] }
              </Text>
            </View>

textSuperViewStyle: {
    flex: 1,
    height: scale(defaultHeight, true),
    lineHeight: scale(defaultHeight, true),
    position: 'absolute',
    left: positionLeft + 20,
    right: positionRight + 14,
    justifyContent: 'center'
  },

  textStyle: {
    color: '#FF6600',
    fontSize: 12
  }

相关文章

网友评论

      本文标题:React-native Text文字垂直居中的问题

      本文链接:https://www.haomeiwen.com/subject/etjxoltx.html