时间戳

首页 > 解决方案 > React Native numberOfLines 无效的 props.style 键

reactjs - React Native numberOfLines 无效的 props.style 键

问题描述

我有一个这样的格式化 TextView：

headerTextStyle: {
    fontSize: 16,
    numberOfLines: 2,
    marginRight: 90
},

但是，当我运行该应用程序时，我收到以下警告：

Warning: Failed prop type: Invalid props.style key `NumberOfLines` supplied to `ForwardRef`.
Bad object: {
  "fontSize": 12,
  "numberOfLines": 2,
  "marginRight": 90
}

我尝试从 headerTextStyle 中删除 numberOfLines 并将其应用于 parentView的样式，但是在这两种情况下，如果文本超过 1 行，它不会被 ellipsize 截断，而是溢出到下一行。

标签： reactjsreact-native

解决方案

我认为 numberOfLines 不是为了样式，而是在视图本身中设置，例如：

render() {
  return (
    <Text style={styles.headerTextStyle} 
          numberOfLines={2}>{this.title}</Text>
  )
}

这会将文本的最大行数设置为 2

推荐阅读