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工具欄？

回答

相關問題