打开 Android 键盘时，Cordova 应用程序表单不会向上滚动答案

【问题标题】：Cordova app form doesn't scroll up when Android keyboard is opened打开 Android 键盘时，Cordova 应用程序表单不会向上滚动
【发布时间】：2018-07-11 21:57:15
【问题描述】：

我在使用 Cordova 为 Android 构建的 ReactJS 应用程序中有一个简单的登录表单。但是，通过打开键盘，大部分电子邮件输入和所有密码输入都会被它完全阻止。这是它目前的样子：

我知道这个例子中带有星星的空白区域看起来很傻，但它需要保留在那里（它是徽标和图像的占位符）。

这可以通过添加一些填充来解决，我只是向下滚动，但这会产生额外的无用空间，我仍然很好奇为什么会发生这种情况。

这就是我的代码大致的样子：

class Signin extends React.PureComponent {
  render () {
    return (
      <div className='container container-xs text-center'>
        <form onSubmit={onSubmit} role='form' className='form'>
          <div className='form-group text-left'>
            <label className='control-label'>Email</label>
            <input
              type='text'
              className='form-control'
              value={email}
              onChange={evt => setEmail(evt.target.value)}
            />
          </div>
          <div className='form-group text-left'>
            <label className='control-label'>Password</label>
              <input
                type='password'
                className='form-control'
                value={password}
                onChange={evt => setPassword(evt.target.value)}
              />
          </div>
          <button>Sign in</button>
        </form>
      </div>
    )
  }
}

有什么办法可以让它自动滚动吗？请记住，这仅适用于 Android 应用程序。 iOS 的行为符合预期。

【问题讨论】：

标签： javascript android reactjs cordova

【解决方案1】：

此 Android 设置在 AndroidManifest.xml 文件中设置。它应该位于您的platforms/android 文件夹中。在其中您应该会看到一个 activity 标签，它可能包含以下一些属性：android:configChanges、android:label、android:launchMode、android:windowSoftInputMode

我们想将android:windowSoftInputMode 的值更改为android:windowSoftInputMode="adjustResize"

adjustResize的描述是The activity's main window is always resized to make room for the soft keyboard on screen.

您可以在此处阅读有关 AndroidManifest.xml 中的活动元素的更多信息：activity element docs

【讨论】：