[Wondgirl]从零开始学React Native之image(六)
2016-12-26 10:19
639 查看
上面的为网络图片,下面的为本地图片,
新建一个images文件夹用来存放本地图片
index.ios.js
/** * Sample React Native App * https://github.com/facebook/react-native * @flow */ import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Image, View } from 'react-native'; export default class demo extends Component { render() { return ( <View> <Image source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}} style={{width: 400, height: 400}} /> <Image style={styles.image} source={require('./images/icon.png')} /> </View> ); } } //样式 const styles = StyleSheet.create({ image:{ width:200, height:200, borderWidth:1, marginLeft:50, } }); AppRegistry.registerComponent('demo', () => demo);
相关文章推荐
- [Wondgirl]从零开始学React Native之ES5 ES6语法对比(七)
- [Wondgirl]从零开始学React Native之FlexBox布局(三)
- [Wondgirl]从零开始学React Native之工程创建(二)
- [Wondgirl]从零开始学React Native之ListView(八)
- [Wondgirl]从零开始学React Native之环境搭建(一)
- [Wondgirl]从零开始学React Native之View(四)
- [Wondgirl]从零开始学React Native之Text(五)
- React Native之Image组件使用时Android和iOS兼容性
- 混合开发的大趋势之一React Native之Image (脑动理解)
- React Native - 使用图片选择器react-native-image-picker拍照、选照片
- 从零开始 React Native (5) React 数据传递_表单_函数复用_动画
- React Native组件只Image
- React Native Image多种加载图片方式
- React-native 之Image的使用
- Talk about ReactNative Image Component
- 【React Native开发】React Native控件之Image组件讲解与美团首页顶部效果实例(10)
- react-native-image-picker在Android上闪退的解决办法(上传头像base64,压缩上传图片)
- React-Native iOS启动闪白屏问题完美解决方案:react-native-launch-image
- react native 之 react-native-image-picke的详细使用图解
- React-Native 学习系列课程笔记(React-Native 开发从零开始)