標籤:ios react native
UIImageView的建立(React Native)by 伍雪穎
'use strict';var React = require('react-native');var { AppRegistry, StyleSheet, View, Image,} = React;class UIImageView extends React.Component { render() { return ( <View style={styles.bgview}> <Image source = {{uri:'http://img.wdjimg.com/image/video/64d23dde9daac32367954b7c8a803da0_0_0.jpeg'}} style = {styles.image} /> </View> ); }}class SampleApp extends React.Component { render() { return ( <React.NavigatorIOS style={styles.container} initialRoute={{ title: 'My App', component: UIImageView, }}/> ); }}var styles = React.StyleSheet.create({ container: { flex: 1 }, bgview: { backgroundColor: '#eeeeee', paddingTop: 75, paddingLeft: 10, paddingRight: 10, paddingBottom: 10, }, image:{width:200,height:200,marginRight:10},});React.AppRegistry.registerComponent('SampleApp', function() { return SampleApp });
UIImageView的建立(React Native)