标签:registry jpg reg back efault imp scale creat container
In this lesson we will use Flexbox to scale a background image to fit on the screen of our React Native application.
import React, { Component } from ‘react‘; import {AppRegistry, StyleSheet, Text, View, Image} from ‘react-native‘; export default class general extends Component { render() { return ( <Image source={require("./cat.jpg")} style={styles.container}> <Text>A good looking cat</Text> </Image> ); } } const styles = StyleSheet.create({ container: { flex: 1, width: null, height: null, alignItems: "center", justifyContent: "center" } }) AppRegistry.registerComponent(‘general‘, () => general);
[Flexbox] Use Flex to Scale Background Image
标签:registry jpg reg back efault imp scale creat container
原文地址:http://www.cnblogs.com/Answer1215/p/5995283.html