React Native：如何使用键盘向上移动的TextInput工具栏？

Question

例如，Twitter或Yik Yak在iPhone上创建新帖子/评论。

我认为它与工具栏的flex作为页脚，然后某种键盘感知视图（不确定使用哪个库），但无法成功地将它们全部放在一起。

带有键盘上方工具栏的单独TextInput示例：

工具栏中向上移动的TextInput示例＆amp;用键盘增长：

Answer 1

非常简单，将您的组件包装在

中

<KeyboardAvoidingView>your views/components<KeyboardAvoidingView/>

给它一个行为

  

行为？：枚举（'身高'，'位置'，'填充'）

     

contentContainerStyle？：[object Object]

     

行为为'position'时内容容器（View）的样式。

     

keyboardVerticalOffset：数字

     

这是用户屏幕顶部与反应之间的距离   本机视图，在某些用例中可能不为零。

来自docs