Android 上的 react-native-keyboard-aware-scroll-view 仅在我在表单底部添加空白区域时滚动

Question

我在我的登录表单上使用 react-native-keyboard-aware-scroll-view。 这就是我的代码的样子：

        <SafeAreaView style={{ flex: 1 }}>
            <View style={styles.root}>

            <KeyboardAwareScrollView
               enableOnAndroid={true}
               showsVerticalScrollIndicator={false}
                    extraHeight={-90}
               keyboardShouldPersistTaps='handled'>
               <View style={styles.logoContainer}>
                  <Image source={images.outfastLogo} resizeMode='contain' style={styles.logo} />
               </View>

               <View style={styles.formContainer}>
                  <SignInForm setShowResetPassword={setShowResetPassword} />
               </View>

            </KeyboardAwareScrollView>

            </View>
         </SafeAreaView>

和我的 styles：

export default StyleSheet.create({
root: {
    flex: 1,
    width: '100%',
    padding: 30,
},
logoContainer: {
    marginTop: 40,
    width: '100%',
    alignItems: 'center',
},
logo: {
    width: 220,
    height: 120,
},
formContainer: {
    flex: 1,
    width: '100%',
    marginTop: 15,
},
})

在 iOS 上一切正常，但在 Android 上，当我像这样离开表单时，我无法向下滚动到登录按钮。

但是，如果我在底部的滚动视图的内容中添加一个间隔组件（具有高度的空视图），我可以向上滚动足够高）

extraScrollHeight 属性似乎什么都不做。 我认为这就是这个组件的重点。 我不喜欢在其中添加硬编码的间隔元素，因为每部手机都会有不同的键盘高度。

这里发生了什么？ 我总是很难让这个组件正常工作。 在某些情况下会这样做，而在其他情况下则不会。 似乎没有好的选择，快速的互联网搜索将显示大量有类似问题的人，但没有一个与我的完全一样。

Answer 1

好的，我看了一下源码，看到如果平台是android并且enableOnAndroid设置为true，并且不给contentContainerStyle添加任何styles，这个组件就会给Scrollview的内容添加一个paddingBottom为0。 所以，我添加了contentContainerStyle={{paddingBottom: Platform.OS === 'android'? 130: 0}} contentContainerStyle={{paddingBottom: Platform.OS === 'android'? 130: 0}}和enableOnAndroid={true} 。

这仍然相当于我的间隔组件。 必须有更好的方法。 我把它放在这里是为了帮助别人，但如果有更好的解决方案，我很想听听。