推荐使用:React Native 键盘间距自动调整库——react-native-keyboard-spacer
import React, { Component } from 'react';
import { View, TextInput } from 'react-native';
import KeyboardSpacer from 'react-native-keyboard-spacer';
export default class ExampleComponent extends Component {
render() {
return (
<View>
<TextInput
placeholder="Enter text here"
underlineColorAndroid="transparent" // 解决安卓键盘下划线问题
/>
<KeyboardSpacer />
</View>
);
}
}
这段代码演示了如何在React Native应用中使用react-native-keyboard-spacer
库来在移动键盘弹出时自动调整键盘与文本输入框之间的间距。KeyboardSpacer
组件在键盘弹出时会自动增高,并在键盘消失时自动减小高度,以保持视图的其余部分不被键盘遮挡。
评论已关闭