天天看點

react native 學習筆記 2016_1223 (環境,箭頭函數,state設定,圖檔使用等)

npm install –save [email protected]

指定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 (