【问题标题】:react-native-keyboard-aware-scroll-view : Page scrolls down when I start typingreact-native-keyboard-aware-scroll-view :当我开始输入时页面向下滚动
【发布时间】:2020-09-17 17:42:45
【问题描述】:

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

<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'
  }
});

before typing, it's looking perfect

输入密码字段后,页面会向下移动,如您所见:

after typing, it scroll down

【问题讨论】:

    标签: react-native keyboard


    【解决方案1】:

    我在github 上也看到了您的问题,并且已经很久没有处于开放状态了。

    我已经使用来自 react-native 的 KeyboardAvoidingView 解决了上述问题

    从“react-native”导入 {KeyboardAvoidingView}

    我已经用 KeyboardAvoidingView 替换了 KeyboardAwareScrollView,这可以根据需要工作。

    这是一个应用程序link 执行此操作。您可以下载并查看它的登录页面。

    【讨论】:

      猜你喜欢
      • 2019-04-02
      • 2017-03-16
      • 1970-01-01
      • 2020-01-20
      • 1970-01-01
      • 2015-09-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多