Question

我有一个这样的格式化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并将其应用于父级View的样式，但是在两种情况下，如果文本超过1行，则不会用ellipsize截断，而是溢出到下一个线。

Answer 1

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

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

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

反应Native numberOfLines无效的props.style键

1 个答案: