【问题标题】:Image doesn't fit in screen React-native图像不适合屏幕 React-native
【发布时间】:2020-12-07 07:18:03
【问题描述】:

我有一个可以工作但高度超过的图像背景,我不知道如何使它适合屏幕。事实上,它“剪切”了图像的顶部。

原图:

我的代码:

  <ImageBackground
source={require("../../assets/images/background-stats.jpg")}
style={{flex: 1,
width: "100%",
height: "100%",
resizeMode: 'contain',
justifyContent: 'center'
}}

结果:

【问题讨论】:

  • 试试 resizeMode: 'stretch',
  • 感谢您的回答。我刚试过,结果完全一样

标签: react-native imagebackground


【解决方案1】:
imageStyle={{ resizeMode: 'cover' }}

imageStyle={{ resizeMode: 'stretch' }}

【讨论】:

  • 即使它被否决(有人认为他的回答没有帮助),但它是您正在寻找的答案。
  • 我尝试改变resizeMode的stretch/cover/contain/center,即使去掉高度和宽度,也没有任何反应。
  • 看我的回答。它在“imageStyle”道具内,而不是“style”道具
  • 不客气。请将其标记为对后代有用(它目前被标记为无用)
猜你喜欢
  • 2018-09-12
  • 2021-02-28
  • 1970-01-01
  • 1970-01-01
  • 2016-03-14
  • 1970-01-01
  • 1970-01-01
  • 2016-08-09
  • 1970-01-01
相关资源
最近更新 更多