React Native - 当键盘打开时，如何使图片大小不改变？

Question

我是一名有用的助手，可以为您翻译文本。

我在一个React Native项目中有几个图片，每当键盘打开时它们都会缩放。请问应该给它们什么属性来保持它们的大小，即使键盘在那里也不改变它们的大小?

当前的图片样式示例:

```css width: 100%; height: auto; ```

  background: {
    width: '100%',
    height: '100%',
  },
  logo: {
    width: '100%',
    height: '40%',
    bottom: '5%',
  },

- zahnzy

---

您是否有可以分享的代码示例，以展示此问题？ - Rob Walker

edit: updated with example - zahnzy

Answer 1

你正在使用基于百分比的尺寸，我猜测你正在Android上进行测试，因为默认情况下，当屏幕键盘打开时，视图会被调整大小（它在AndroidManifest.xml的主Activity中添加了android:windowSoftInputMode="adjustResize" 请参阅github.com/facebook/react-native中的代码行）。

为避免此调整大小问题，您有两个选择：

• 将AndroidManifest.xml中的adjustResize更改为adjustPan
• 不要使用基于百分比的尺寸来设置标志。如果是图像，请仅设置宽度，并允许高度根据图像大小设置。

- Rob Walker