reactnative 输入框被软键盘遮挡

最新推荐文章于 2024-05-19 09:40:23 发布

原创最新推荐文章于 2024-05-19 09:40:23 发布 · 507 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react native #android

这篇博客介绍了如何在React Native应用中使用react-native-input-scroll-view组件来实现输入框滚动效果。通过npm或yarn安装后，导入组件并简单配置，即可在多个TextInput元素中实现自动滚动功能。

可以使用这个组件解决
https://github.com/baijunjie/react-native-input-scroll-view

安装

npm install react-native-input-scroll-view --save

yarn add react-native-input-scroll-view

引入

import InputScrollView from 'react-native-input-scroll-view';

使用

import InputScrollView from 'react-native-input-scroll-view';
...
state = {
    text: '',
};

render() {
    const { text } = this.state;
    return (
        <InputScrollView>
            <TextInput />
            <TextInput />
            <TextInput value={text}
                       onChangeText={text => this.setState({ text })}
                       multiline />
      	</InputScrollView>
    );
}