跳到主要内容
新架构实战课 实操 + 基建 + 原理全维度包揽,抢先掌握 React Native 新架构精髓 立即查看 >

KeyboardAvoidingView

本组件用于解决一个常见的尴尬问题:手机上弹出的键盘常常会挡住当前的视图。本组件可以自动根据键盘的高度,调整自身的 height 或底部的 padding,以避免被遮挡。

示例


文档

Props

View Props

继承了所有的View Props.


behavior

Specify how to react to the presence of the keyboard.

Android 和 iOS 在此属性上表现并不一致。但我们建议在两个平台上都明确设置此属性。

类型
enum('height', 'position', 'padding')

contentContainerStyle

如果设定 behavior 值为'position',则会生成一个 View 作为内容容器。此属性用于指定此内容容器的样式。

类型
View Style

enabled

是否启用 KeyboardAvoidingView。

类型默认值
booleantrue

keyboardVerticalOffset

有时候应用离屏幕顶部还有一些距离(比如状态栏等等),利用此属性来补偿修正这段距离。

类型默认值
number0