如何截断React Natives文本输入

ruarlubt 于 2023-01-21 发布在 React

关注(0)|答案(1)|浏览(119)

需要截断textInput，结尾为“...”。对于文本组件，只需添加numberOfLines={1} prop即可实现，但textInput似乎不是这样。如何添加截断？现在文本无休止地继续，输入容器可水平滚动。

export function Input() {
  return (
    <View style={{ flex: 1 }}>
      <TextInput
        numberOfLines={1}
        style={{ backgroundColor: "red"}}
      />
    </View>
  );
}

react-native

来源：https://stackoverflow.com/questions/75172598/how-to-truncate-react-natives-textinput

1条答案

按热度按时间

falq053o1#

export function Input() {
  return (
    <View style={{ flex: 1 }}>
      <TextInput
        numberOfLines={1}
        style={{ backgroundColor: "red"}}
        value={ something.length >= 30?something.slice(0,30)+"...":something }
      />
    </View>
  );
}

赞(0）回复(0）举报 2023-01-21

我来回答

如何截断React Natives文本输入

1条答案

相关问题

热门标签

最新问答