如何截断React native的textInput

Question

需要用"…"最后。对于文本组件，它可以通过添加numberOfLines={1}prop来实现，似乎不是textInput的情况。如何添加截断?现在文本是无限的，输入容器是水平滚动的。

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

Answer 1

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