React Native：如何做一个随键盘向上移动的TextInput工具栏？

例如，像Twitter或Yik Yak的创建新帖子/评论iPhone。React Native：如何做一个随键盘向上移动的TextInput工具栏？

我想它与工具栏作为页脚flex，然后某种键盘感知视图（不知道使用哪个库），但一直未能成功地把它放在一起。与键盘上方的工具栏单独的TextInput的

实施例：

即向上移动&工具栏中的一个TextInput的实施例的增长的键盘：

2017-04-06 kayla

漂亮简单，包裹你的组件

<KeyboardAvoidingView>your views/components<KeyboardAvoidingView/>

，给它一个行为

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

contentContainerStyle ?: [对象的对象]

的样式内容容器（视图）行为是'位置'时。

keyboardVerticalOffset：数

这是用户屏幕的顶部和所述反应天然视图之间的距离，也可以在一些使用情况下不为零。

从docs

来源

2017-04-06 02:01:10 WilomGfx

我种了这个工作，我想在iOS上的方式，但是在Android上的行为是一种失衡，我认为由于各种键盘选项可用于Android例如adjustPan，adjustResize，adjustNothing等。我不知道使用哪一个。您是否有可能在屏幕底部仅显示一个TextInput示例？我绝对不会觉得这很简单。 – kayla

https://github.com/facebook/react-native/issues/8855 – kayla

好的，经过更多研究，事实证明Android根本不需要这个。它似乎是这种情况，这些键盘库不适用于Android，并且它只需要'android：windowSoftInputMode =“adjustResize”'。但是，iOS确实需要并且能够在''以及'react-native-keyboard-aware-scroll-view'和'react-native-keyboard-spacer'方面很好地工作。 – kayla

React Native：如何做一个随键盘向上移动的TextInput工具栏？

回答

相关问题