react-native-keyboard-aware-scroll-view ：当我开始输入时页面向下滚动

Question

直到输入一切正常。然而，开始打字后，页面向下滚动（移动）。无论我做什么我都无法解决这个问题......

<ImageBackground
          source={bgSrc}
          style={styles.background}
          resizeMode="cover">

         <StatusBar hidden={true} />

          <KeyboardAwareScrollView
            showsVerticalScrollIndicator={false}
            enableOnAndroid
          >

            {screenToShow}

          </KeyboardAwareScrollView>

</ImageBackground>

const styles = StyleSheet.create({
  container: {
    width: '100%',
    height: height,
    backgroundColor: '#555',
  },
  background: {
    flex: 1,
    width: null,
    height: null,
    justifyContent: 'center',
    alignItems: 'center'
  }
});

在打字之前，它看起来很完美

输入密码字段后，页面向下移动，如您所见：

输入后，它向下滚动

Answer 1

这个库总是有点简陋。尝试这样的配置：

<KeyboardAwareScrollView
    style={{ backgroundColor: 
    themeColors.boxPrimaryBackground, flexGrow: 1 }}
    contentContainerStyle={{ width: '100%', margin: 0 }}
    scrollEnabled={true}
    extraScrollHeight={-125}
    extraHeight={10}
    keyboardOpeningTime={Number.MAX_SAFE_INTEGER}
    showsVerticalScrollIndicator={false}
    keyboardShouldPersistTaps={'handled'}
>
   // add scroll content here
</ KeyboardAwareScrollView>

您真正需要添加的是keyboardOpeningTime={Number.MAX_SAFE_INTEGER}. 和图书馆里面的动画有关系。祝你好运，希望这会有帮助。