Javascript TextInput在输入值较大时变为空
我正在开发一个简单的React本机应用程序来保存笔记。我有一个Javascript TextInput在输入值较大时变为空,javascript,android,reactjs,react-native,Javascript,Android,Reactjs,React Native,我正在开发一个简单的React本机应用程序来保存笔记。我有一个TextInput组件,它显示预先填充的值(如果有),您可以更改输入值。我有一个控制输入字段的状态,并且只附加了onChangeText事件。这是我的注意事项组件: constnotepage=({note,handleGoBack})=>{ const[noteText,setNoteText]=useState(注意?注意。说明:“”); 返回( setNoteText(文本)} textBreakStrategy=“简单” 占位
TextInput
组件,它显示预先填充的值(如果有),您可以更改输入值。我有一个控制输入字段的状态,并且只附加了onChangeText
事件。这是我的注意事项
组件:
constnotepage=({note,handleGoBack})=>{
const[noteText,setNoteText]=useState(注意?注意。说明:“”);
返回(
setNoteText(文本)}
textBreakStrategy=“简单”
占位符=“新注释”
/>
);
};
但是,如果我有一个大文本作为TextInput
的值,那么该值将变为空白,而不是没有值,这似乎是文本变得透明或其他。而且,当我按下键盘上的删除按钮时,在删除某些字符后,它再次可见!这真的很奇怪
任何帮助都将不胜感激!提前感谢 看起来是一个
ScrollView
bug()
一种解决方法是设置maxLength
属性,使您不能键入超过一定数量的字符,即ScrollView
消失前的最大字符数:
// ...
<ScrollView>
<TextInput
value={noteText}
multiline
autoFocus={note === null}
onChangeText={(text) => setNoteText(text)}
textBreakStrategy="simple"
placeholder="New Note"
maxLength={1778}
/>
</ScrollView>
但是,如果只渲染一个
TextInput
,而多行TextInput
本身就是可滚动的,那么用常规的视图替换ScrollView
可能会更好。ohk,在ios上也有很多人面临这个问题maxLength
毕竟不是一个解决方案,它只是一个记笔记的应用程序。而且,将滚动视图
替换为常规的视图
也很有效!!但是当滚动时,只有TextInput
会聚焦。。但我认为现在这是一个可靠的选择。谢谢
editable={noteText.length <= 1778}