react-native键盘遮挡输入框

1、使用组件KeyboardAvoidingView

  
 


使用注意:
在render内使用,需要设置高度
keyboardVerticalOffset:
有时候应用离屏幕顶部还有一些距离(比如状态栏等等),利用此属性来补偿修正这段距离。

2.与ScrollView使用

ScrollView标签不要设置高度

 render() {
        return (
            
                ...
                
                     this._extraUniqueKey(item, index)}
                        renderItem={this._renderDname}
                        numColumns={1}
                        extraData={this.props}
                        ItemSeparatorComponent={() => ()}
                    />
                
                ...
            
        );
    }

3.监听键盘事件
参考链接怎么解决RN TextInput 被键盘遮挡的问题

你可能感兴趣的:(react-native)