Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript TextInput在输入值较大时变为空_Javascript_Android_Reactjs_React Native - Fatal编程技术网

Javascript TextInput在输入值较大时变为空

Javascript TextInput在输入值较大时变为空,javascript,android,reactjs,react-native,Javascript,Android,Reactjs,React Native,我正在开发一个简单的React本机应用程序来保存笔记。我有一个TextInput组件,它显示预先填充的值(如果有),您可以更改输入值。我有一个控制输入字段的状态,并且只附加了onChangeText事件。这是我的注意事项组件: constnotepage=({note,handleGoBack})=>{ const[noteText,setNoteText]=useState(注意?注意。说明:“”); 返回( setNoteText(文本)} textBreakStrategy=“简单” 占位

我正在开发一个简单的React本机应用程序来保存笔记。我有一个
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}