您的位置:首页 > Web前端 > React

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 (
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: