React-Native怎样让图片占满屏幕

问题

rn里Image不能像css那样width:100%,必须制定一个宽度,但是各种移动设备不同的屏幕宽度,法克,怎么破

解决方法

先通过Dimensions难拿到屏幕宽度,然后在style直接使用,举个栗子:

<Image resizeMode={'cover'} style={[styles.header_top_wrap_img]} source={require('../logo.png')}/>

//style
const win = Dimensions.get('window');

const styles = StyleSheet.create({
header_top_wrap_img: {
    width: win.width,
    height: 269,
  },
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人...
    珍此良辰阅读 20,766评论 15 16
  • 前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人...
    珍此良辰阅读 9,979评论 2 19
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 额,最近公司的接口让人给通过抓包给破解了,搞不清楚https的证书是怎么泄露的,然后就有了这么个需求,只要是网络设...
    PlutoMa阅读 13,832评论 15 19
  • 知彼解己想要理解到位,就要把它拆分成两个——知彼和解己... 知彼在这里的意思是通过认真的聆听、分...
    FineYogaSunny菩提阅读 1,924评论 0 0