博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ReactNative全屏图片背景技巧
阅读量:6853 次
发布时间:2019-06-26

本文共 484 字,大约阅读时间需要 1 分钟。

找了好几个地方的资料,发现这种方式,非常靠谱。

传送门:
可惜文章中并未直接亮出代码,仅放了视频,不过视频演示的还算是细致。
这个是国外网站,所以由于网络原因,等了许久才看完。
我在此处做一个总结,备忘,同时希望也能帮助到和我碰到一样问题的人:
1、Image作为root进行render

render() {    return (          );  }

2、style如下:

const styles = StyleSheet.create({  backgroundImage:{    flex:1,    alignItems:'center',    justifyContent:'center',    width:null,    height:null,    //不加这句,就是按照屏幕高度自适应    //加上这几,就是按照屏幕自适应    //resizeMode:Image.resizeMode.contain,    //祛除内部元素的白色背景    backgroundColor:'rgba(0,0,0,0)',  }});

转载地址:http://qkfyl.baihongyu.com/

你可能感兴趣的文章
Spring中你不知道的注入方式
查看>>
导航点击选中效果重构
查看>>
手机端产生本地图形验证码
查看>>
C++设计模式之1-工厂模式
查看>>
Android自定义View 画弧形,文字,并增加动画效果
查看>>
设计模式 总揽 通过这篇随笔可以访问所需要了解的设计模式
查看>>
Java HotSpot VM中的JIT编译
查看>>
敏捷软件测试--初见
查看>>
NSLayoutConstraint
查看>>
深入浅出: 大小端模式
查看>>
走在网页游戏开发的路上(十一)
查看>>
[Linux shell]查找某目录下文件是否包含某个字符串
查看>>
Java的RMI远程方法调用实现和应用
查看>>
线程间共享数据无需竞争
查看>>
记一次通宵加班
查看>>
iOS7 兼容适配 如何判断版本号
查看>>
Hibernate懒加载解析
查看>>
字符串匹配与KMP算法实现
查看>>
菜鸟学自动化测试(七)----selenium RC 工作原理
查看>>
ACM 要学
查看>>