如何解决TextInput 在 ScrollView React Native 中消失
场景:我想实现如下所示的代码。在哪里:
- 一个多行
TextInput
与其他组件,屏幕将是可滚动的。 - 我不希望
TextInput
可以滚动。
问题: 发生的情况是,在 TextInput
中写入一定数量的行后,文本消失了。我仍然可以选择文本并在键盘中获得建议。这就像文本和 TextInput
变得透明。 TextInput
到达手机屏幕高度后,出现此问题。
这是 React-Native 的错误吗?还是我在这里做错了什么?
注意:我使用的是 "expo": "~40.0.0"
。另外,下面的代码只是描述情况,而不是实际代码。
return (
<ScrollView>
<View style={styles.block} />
<View style={styles.block} />
<TextInput
value={content}
onChangeText={setContent}
placeholder="Start writing from here"
multiline
/>
<View style={styles.block} />
<View style={styles.block} />
</ScrollView>
);
const styles = StyleSheet.create({
block: {
height: 200,backgroundColor: 'blue',},});
解决方法
尝试以下任何一种解决方法:
- 在 TextInput 上启用 scrollEnabled
- 在 TextInput 上显式设置高度(例如,通过动态测量内容)
<ScrollView scrollEnabled style={{ marginTop: 100 }}>
<TextInput multiline placeholder="type here" scrollEnabled={true} />
</ScrollView>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。