React Native：如何设置TextInput的样式？

Question

所以我的React Native应用程序中有组件 此组件应在底部呈现TextInput。
当键盘显示时，容器（包括TextInput和Send Button）应移动到键盘上方 此外，我想在每次用户点击键盘输入时更改输入高度，如下所示：

但我所拥有的就是这些：

以下是我的代码：
test_page2.js

$(window).on('keydown', handleKeyEvents);

function handleKeyEvents (e) {
    if(e.which == 122) {
        e.preventDefault();
        alert("Override here");
    }
}

我如何才能像我的例子那样实现设计？ 提前致谢

Answer 1

我在申请中处理这类情况的方法如下：

1）安装节点模块 -

npm install react-native-keyboard-aware-scroll-view --save or yarn add react-native-keyboard-aware-scroll-view --save 

2）将项目导入项目：

import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view'

3）将<keyboardAwareScrollView> </keyboardAwareScrollView>内的所有内容封装起来：

render(){
    return (
      <KeyboardAwareScrollView  contentContainerStyle={{flex: 1,
      justifyContent: 'space-around',
      alignItems: 'center',
      width: null,
      height: null,}}>
       <View>
       ....
       </View>
      </KeyboardAwareScrollView>
     )
} 

一切似乎都很好。

干杯:)