当我使用 ViewPager
来自 react-native-community/viewpager
用KeyboardAvoidingView
和 ViewPager
的风格是flex:1
KeyboardAvoidingView 的行为是 padding
键盘跟不上。
<KeyboardAvoidingView style={{flex: 1}} behavior="padding">
<ViewPager
{...viewPagerProps}
ref={viewPagerRef}
scrollEnabled={false}
keyboardDismissMode="on-drag"
style={[{flex: 1, borderWidth: 1, borderColor: 'red'}, style]}
onPageScroll={Animated.forkEvent(onPageScroll, _onPageScroll)}
/>
{_renderBottomControls()}
</KeyboardAvoidingView>
_renderBottomControls()
<SafeAreaView style={{flexDirection: 'row', justifyContent: 'space-between', padding: 8}}>
<Transitioning.View
transition={transition}
ref={transitionBackButtonRef}>
{currentPage !== 0 && (
<Button mode="text" compact onPress={_onPressPrevious}>
Voltar
</Button>
)}
</Transitioning.View>
<Button mode="contained" disabled={!isValid} onPress={_onPressNext}>
{isLastPage ? 'Concluir' : 'Continuar'}
</Button>
</SafeAreaView>
最佳答案
对此的修复并不明显,我希望开发人员将其放入文档中
View 寻呼机需要绝对定位
<ViewPager style={{position: 'absolute'}}/>
此外,如果屏幕现在被键盘隐藏,请将 viewpager 包装在 KeyboardAvoidingView
中
关于javascript - React Native ViewPager 与 KeyboardAvoidingView 作为 parent 不保持键盘 - iOS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58440315/