且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

react native 学习笔记 2016_1223 (环境,箭头函数,state设置,图片使用等)

更新时间:2022-04-12 22:40:34

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 (