javascript - React Native ViewPager 与 KeyboardAvoidingView 作为父级不会保持键盘 - iOS
问题描述
当我将ViewPager
fromreact-native-community/viewpager
与 a 一起使用时, isKeyboardAvoidingView
的样式和 KeyboardAvoidingView 的行为是键盘跟不上。ViewPager
flex:1
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>
解决方案
对此的修复并不明显,我希望开发人员将其放入文档中
视图寻呼机需要是绝对位置
<ViewPager style={{position: 'absolute'}}/>
此外,如果屏幕现在被键盘隐藏,请将 viewpager 包装在KeyboardAvoidingView
推荐阅读
- postgresql - 如何使用 row_number() 将行号分配给 postgresql 中的重复值
- python - 从不均匀的 pandas dict-like 系列中提取元素
- windows - Perl 无法在 Windows 10 中找到现有目录
- python-3.x - ID 为 [ApiGatewayLambdaS3Event] 的资源无效。未为 S3 类型的资源定义属性 BucketName
- python - fbprophet 中的 freq='M' 和 freq='D' 有什么区别?
- python - 有什么方法可以添加我被假禁止的人的标签吗?
- c# - JWT:如何从声明中的特定键获取值列表。C# Asp.Net 核心
- c# - 使用 JSON 后关闭文件
- angular - ComponentHarness (@angular/cdk/testing) - 如何等待一定数量的元素存在
- azure-web-app-service - SignalR 最大连接数