首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >TextInput最好的键盘约束机制是什么,其次是ScrollView?

TextInput最好的键盘约束机制是什么,其次是ScrollView?
EN

Stack Overflow用户
提问于 2017-02-28 14:04:01
回答 1查看 398关注 0票数 1

我有类似的东西(类似聊天应用的界面)

代码语言:javascript
运行
复制
<View>
    <View>
        <ScrollView/>
    </View>
    <TextInput/>
</View>

我确实参考了这篇有用的文章here。虚拟键盘是如何遮蔽(重叠,渲染) TextInput (和ScrollView)的。(同时瞄准安卓和iOS)

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-02-28 14:14:59

我不能100%肯定我理解了你的问题,但我认为你想要的是防止键盘在TextInput上。

要解决这个问题,你可以使用React Native自带的[KeyboardAvoidingView][1]。您可以尝试使用以下方法之一来解决您的问题:

1-将主视图替换为KeyboardAvoidingView

代码语言:javascript
运行
复制
<KeyboardAvoidingView behavior={"padding"}>
    <View>
        <ScrollView/>
    </View>
    <TextInput/>
</KeyboardAvoidingView>

2-或者,将TextInput放入KeyboardAvoidingView中。

代码语言:javascript
运行
复制
<View>
    <View>
        <ScrollView/>
    </View>
    <KeyboardAvoidingView behavior={"padding"}
       <TextInput/>
    </KeyboardAvoidingView>
</View>

要导入它,请使用:import {View, TextInput, ScrollView, KeyboardAvoidingView} from 'react-native'

干杯!

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42501335

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档