我想忽略软导航栏上的android和我使用的safeareview为这一点。safeareview也改变了它的大小,因为键盘,我不需要。请帮助我为这一点,如果有任何其他方法,只排除软导航栏。我使用博览会我尝试使用其他库,但expo受到限制,因此无法导入未知库。
o3imoua41#
若要使SafeAreaView不受React Native Expo应用中键盘的影响,可以使用KeyboardAvoidingView组件。使用KeyboardAvoidingView Package SafeAreaView组件,并将behavior属性设置为padding或height。例如:
SafeAreaView
KeyboardAvoidingView
behavior
padding
height
import React from 'react'; import { KeyboardAvoidingView, SafeAreaView, Text } from 'react-native'; const App = () => { return ( <KeyboardAvoidingView style={{ flex: 1 }} behavior={Platform.OS === 'ios' ? 'padding' : 'height'} keyboardVerticalOffset={100} > <SafeAreaView style={{ flex: 1, backgroundColor: 'white' }}> <Text>My App Content</Text> </SafeAreaView> </KeyboardAvoidingView> ); }; export default App;
此代码将通过添加填充或调整键盘高度来使SafeAreaView组件不受键盘影响。keyboardVerticalOffset属性可用于在键盘和SafeAreaView之间添加或减去额外的空间。
keyboardVerticalOffset
1条答案
按热度按时间o3imoua41#
若要使
SafeAreaView
不受React Native Expo应用中键盘的影响,可以使用KeyboardAvoidingView
组件。使用KeyboardAvoidingView
PackageSafeAreaView
组件,并将behavior
属性设置为padding
或height
。例如:此代码将通过添加填充或调整键盘高度来使
SafeAreaView
组件不受键盘影响。keyboardVerticalOffset
属性可用于在键盘和SafeAreaView
之间添加或减去额外的空间。