博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React Native设置图片全屏背景显示
阅读量:5327 次
发布时间:2019-06-14

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

显示效果如下:

实现和页面代码如下:

1> 使用的react-navigation隐藏导航栏:

AddTopic: {screen: AddTopicScreen,navigationOptions: {            title: ' ', // 这里不给值            header: false, // 不显示导航栏            gesturesEnabled: false        }}    },

2>页面代码如下:

/** * Created by 思思 on 17/12/1. */ import React, { Component } from 'react';import {    AppRegistry,    StyleSheet,    Text,    View,    Image,    StatusBar} from 'react-native';import Color from './../../Config/Color';export default class extends Component {    render() {        return (            
); }}const styles = StyleSheet.create({ container: { flex: 1, }, backgroundImage:{ flex:1, alignItems:'center', justifyContent:'center', width:null, height:null, //不加这句,就是按照屏幕高度自适应 //加上这几,就是按照屏幕自适应 //resizeMode:Image.resizeMode.contain, //祛除内部元素的白色背景 backgroundColor:'rgba(0,0,0,0)', }});

 

转载于:https://www.cnblogs.com/pengsi/p/7942470.html

你可能感兴趣的文章
zoj 1232 Adventure of Super Mario
查看>>
Oracle 序列的应用
查看>>
1201 网页基础--JavaScript(DOM)
查看>>
组合数学 UVa 11538 Chess Queen
查看>>
oracle job
查看>>
Redis常用命令
查看>>
XML学习笔记(二)-- DTD格式规范
查看>>
IOS开发学习笔记026-UITableView的使用
查看>>
[转载]电脑小绝技
查看>>
windos系统定时执行批处理文件(bat文件)
查看>>
thinkphp如何实现伪静态
查看>>
BZOJ 2243: [SDOI2011]染色( 树链剖分 )
查看>>
BZOJ 1925: [Sdoi2010]地精部落( dp )
查看>>
c++中的string常用函数用法总结!
查看>>
界面交互之支付宝生活圈pk微信朋友圈
查看>>
[DLX精确覆盖+打表] hdu 2518 Dominoes
查看>>
MyBatis
查看>>
Sklearn实现逻辑回归
查看>>
SuperMap iServerJava 6R扩展领域开发及压力测试---判断点在那个面内(1)
查看>>
Week03-面向对象入门
查看>>