【问题标题】:react-native images not working for androidreact-native 图像不适用于 android
【发布时间】:2017-06-08 01:19:19
【问题描述】:

我在 react-native android 的 assets 文件夹中使用 hdpi、mdpi、xhdpi、xxhdpi 和 xxxhdpi。

但有些图像可以正常工作,有时即使在提供固定的高度和宽度后,相同的图像也会调整大小(大小增加和减少)。

对于 ios,一切正常,但对于 android,图像会失真,有时无法显示。

我已尽一切努力解决此问题,但仍无法解决。

【问题讨论】:

  • 嘿,我遇到了类似的问题:在 iOS 上一切正常,所有图像都显示在 iOS 应用程序中,但它们显示在 android 应用程序中,即使它是完全相同的代码m 同时使用 .. 那么你找到解决方案了吗?
  • 是的,解决方案是使用 resizeMode='stretch' 并相应地提供高度和宽度。

标签: javascript android css image react-native


【解决方案1】:

这个人拯救了我的一天!这是他的博客:https://saumya.github.io/ray/articles/71/。

要显示图像或本地 html,请将 uri 源设置为 file:///page-to-your-image-or-local-html。

这真的解决了我的问题!

【讨论】:

    【解决方案2】:

    我解决了这个问题:

    resizeMode='stretch'
    

    将这个属性用于Image,图像在任何情况下都不会失真,我们可以相应地提供高度宽度。

    http://facebook.github.io/react-native/releases/0.43/docs/image.html#resizemode

    【讨论】:

      猜你喜欢
      • 2019-01-31
      • 2023-04-08
      • 2020-03-25
      • 2018-06-11
      • 2021-11-15
      • 1970-01-01
      • 2021-02-28
      • 2022-01-11
      • 2021-08-13
      相关资源
      最近更新 更多