【问题标题】:React Native - make image size not change when keyboard is open?React Native - 打开键盘时使图像大小不改变?
【发布时间】:2018-06-29 03:58:31
【问题描述】:

我在 React Native 项目中有一些图像,只要键盘打开,它们就会缩放。尽管有键盘,但让他们保持大小的最佳属性是什么?

当前图像样式示例:

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

【问题讨论】:

  • 你有可以分享的代码示例来演示这个问题吗?
  • 编辑:更新示例

标签: css reactjs react-native


【解决方案1】:

您正在使用基于百分比的大小,我猜您正在 Android 上对此进行测试,因为默认设置是在屏幕键盘打开时调整视图大小(它将 android:windowSoftInputMode="adjustResize" 添加到主 @987654323 @在AndroidManifest.xmlSee this line of code in github.com/facebook/react-native)

为避免此调整大小问题,您有两种选择 -

  • 在 AndroidManifest.xml 中将 adjustResize 更改为 adjustPan
  • 请勿对徽标使用基于百分比的大小。或者如果是图片,只需设置宽度并允许根据图片大小设置高度。

【讨论】:

    猜你喜欢
    • 2018-08-12
    • 2019-02-08
    • 2020-10-05
    • 1970-01-01
    • 2016-11-11
    • 2017-02-25
    • 2023-03-22
    • 1970-01-01
    • 2019-11-17
    相关资源
    最近更新 更多