react native 学习笔记 2016_1223 (环境,箭头函数,state设置,图片使用等)
2016-12-23 14:45
686 查看
npm install –save react-native@0.33
指定rn版本号进行安装;其中 –save可以保存相关信息到package.json中,后面@指定版本号。
在引入图片时遇到问题,实际是自己用法错误导致的。
原则上来说rn对图片资源的处理是跨平台的,而且采用按需加载的方式。从实现上说,该方案是比较优雅的。
我们只需要将资源文件放到自己希望的目录下,然后通过如下的方式来使用:
另:rn的使用过程中遇到一些坑,有可能跟缓存和路径之类的有关。react native init 可以创建新的工程再运行。
箭头函数:( xxx)=>{ do sth with xxx}
xxx是参数,后面的是返回值。这里是一个比较简便的写法,es6的语法糖。
“`
import React, { Component } from ‘react’;
import { AppRegistry, Text, TextInput, View } from ‘react-native’;
class PizzaTranslator extends Component {
constructor(props) {
super(props);
this.state = {text: ”};
}
render() {
return (
指定rn版本号进行安装;其中 –save可以保存相关信息到package.json中,后面@指定版本号。
在引入图片时遇到问题,实际是自己用法错误导致的。
原则上来说rn对图片资源的处理是跨平台的,而且采用按需加载的方式。从实现上说,该方案是比较优雅的。
我们只需要将资源文件放到自己希望的目录下,然后通过如下的方式来使用:
另:rn的使用过程中遇到一些坑,有可能跟缓存和路径之类的有关。react native init 可以创建新的工程再运行。
箭头函数:( xxx)=>{ do sth with xxx}
xxx是参数,后面的是返回值。这里是一个比较简便的写法,es6的语法糖。
“`
import React, { Component } from ‘react’;
import { AppRegistry, Text, TextInput, View } from ‘react-native’;
class PizzaTranslator extends Component {
constructor(props) {
super(props);
this.state = {text: ”};
}
render() {
return (
相关文章推荐
- React Native 学习笔记十五(图片的使用)
- React Native 学习笔记四(关于state的使用)
- Python中函数参数设置及使用的学习笔记
- React Native 学习笔记十九(关于开发环境)
- React-Native傻瓜式学习笔记(一):ListView的简单使用
- React Native学习笔记之--图片的加载
- React Native 学习笔记五(关于样式的使用)
- React-Native学习笔记之:WebView控件使用
- React-Native学习笔记1—环境搭建[Linux & Windows]
- React-Native学习笔记 使用ListView加载网络数据
- react学习笔记之state以及setState的使用
- Python中函数参数设置及使用的学习笔记
- React-Native Android 学习笔记——1,配置环境
- React Native 学习笔记(四)-- State和Props
- react native 开发基础=javaScript=学习笔记----函数
- React Native 学习笔记六(关于宽高的设置)
- React-Native学习笔记之:弹框框架Popover简单使用
- react-native学习笔记--史上最详细Windows版本搭建安装React Native环境配置
- React Native 学习笔记二十(关于ListView的使用)