react-native的基本使用
"管理RN的版本:"
查看版本
$react-native -v (進入你的項目,查看的就是你項目的版本)
更新項目版本 npm(Node Package Manager)
$npm update -g react-native
查詢網上RN最新的版本
$npm info react-native
升級或者降級RN 版本
$npm install --save react-native@0.XX.X
"安裝插件"
Mac下安裝
> 提示: 如果沒有`templets` 文件夾,你可以手動創建一個
#### webstorm11安裝路徑
將`ReactNative.xml`
#### webstorm2016.2安裝路徑
將`ReactNative.xml`復制到 `~/Library/Preferences/WebStorm2016.2/templates`
重啟 WebStrom
"真機調試"
1.配置IP
找到 RCTWebSocketExecutor.m 裏面的 localhost 給為你的電腦的IP地址
2.修改Bundle ID : 不改很有可能報錯!
3.Test 的Team也需要設置
react-native的基本使用
相關推薦
React-native 基本語法一
1.引用 import React, { Component, PropTypes, } from 'react'; import { Image, Text } from 'react-native' 2.匯出單個類 匯出一個類給別的
react-native的基本使用
react-native "管理RN的版本:"查看版本$react-native -v (進入你的項目,查看的就是你項目的版本)更新項目版本 npm(Node Package Manager)$npm update -g react-native查詢網上RN最新的版本$npm i
React Native中Navigator的基本使用,實現簡單的頁面之間的跳轉和頁面資料傳遞
效果如下:很簡單的例子,大佬勿噴啊... 點選檢視多少錢後,自動跳轉到超市頁面,點選回答價格後,自動跳轉回顧客介面,並傳遞引數回去。 在我使用的0.57.0的版本中,Navigator已被移除,
iOS原生專案(Objective-C)整合React Native(0.57.3版本)圖文教程--(1)基本環境
文章目錄 iOS原生專案(Objective-C)整合React Native(0.57.3版本)圖文教程--(1)基本環境 1. Homebrew 2. Node 3. Yarn 4. react-nat
React-Native的基本控制元件屬性方法
Text 屬性方法(主要一些可用的屬性) ①.allowFontScaling (bool):控制字型是否根據iOS的設定進行自動縮放-iOS平臺,Android平臺不適用 ②.numberOfLines (number):進行設定Text顯示文字的行數,如果顯示的內容超過
開源專案react-native-scrollable-tab-view的基本使用方法
(如果自己研究有什麼新發現,會持續更新...) 首先非常感謝原文博主的分享,轉載見諒! 個人的學習成果: 1,針對原博主在文章中提出的一個問題(2.7.page(Integer)設定選中指定的Tab(然而測試下來並沒有任何效果,知道原因的同學麻煩留言下 ~)),我看了下m
【REACT NATIVE 系列教程之五】NAVIGATOR(頁面導航)的基本使用與傳參
今天介紹一種應用開發中常用的負責頁面切換及導航功能的元件:Navigator一:Navigator對於頁面導航其實主要功能就是:每個頁面都知道本身應該切換到哪個頁面,並且切到的頁面會記錄從哪裡來,如果要返回的話,知道返回到哪個頁面。這一切都不需要再用邏輯管理!而且每個頁面之間也可以進行引數傳遞,很方便的元件。
React Native原生模組的基本使用
有時候React Native不能滿足我們對app的需求,我麼需要原生的程式碼來封裝控制元件。 以簡單Toast控制元件為例: 1.首先建立一個原生模組(繼承了ReactContextBaseJavaModule的Java類)。在此類中實現Toast的顯示方法。 packa
React Native的WebStorm基本設定
jsx語法設定在沒有進行設定的情況下,每次開啟WebStorm的時候開啟包含jsx語法的.js檔案都會有以下提示:當然我們點選轉換後就可以了,但是每次都會提示,所以還是來一個一勞永逸的方法把它給去掉吧:
一起來學習React-Native之react-navigation基本解析
前言 不久前自己也完整開發了一個React-Native專案,對其中的一些知識存在疑惑,再加上專案時間比較緊張,來不及做系統的學習。現在來回顧自己開發當中存在的疑惑點,和大家分享。第一篇是關於路由框架react-navigation,當時其實也沒有好好看文件,現在回頭看路由設計的確實比
關於Webstorm運行react-native中的Android項目出錯的解決辦法
tor per ive studio 解決 出錯 nat sdk 關於 復制使用androidstudio創建的項目中的local.properties文件至android目錄下 或者直接在android目錄下創建local.properties文件 ndk.dir=D\:
React Native環境配置之Windows版本搭建
services 就會 wrapper function 新建項目 之前 path ont 系統 接近年底了,回想這一年都做了啥,學習了啥,然後突然發現,這一年買了不少書,看是看了,就沒有完整看完的。悲催。然後,最近項目也不是很緊了,所以抽空學習了H5。自學啃書還是很無趣的
React-Native在gitHub下載的Demo不能運行問題!!!
2.4 ida 項目路徑 正常 use native clas log 設置 1、目前找到的最可行的運行React-Native Demo的解決方案 請參考:http://blog.csdn.net/shubinniu/article/details/52873250
React Native - 3 View, Text簡介以及onPress & onLongPress事件
分享 關鍵字 添加 res com ive img src 解釋 我們要生成如下的構圖 直接上圖,不解釋。 如下圖所示,定義函數,函數之間不需要逗號,在元素上添加事件,使用關鍵字this.{function name}
React-Native集成到已有項目中的總結
could not rom 浮窗 js文件 命令行 led align nba handle 安裝Python 從官網下載並安裝python 2.7.x(3.x版本不行) 安裝node.js 從官網下載node.js的官方V6.X.X版本或更高版本。安裝完成後
Angular團隊公布路線圖,並演示怎樣與React Native集成
content ogl date pda andro 演講稿 服務 團隊 stat 本文來源於我在InfoQ中文站翻譯的文章,原文地址是:http://www.infoq.com/cn/news/2015/06/angular-2-react-native-roadmap
react native 學習之 native modules
每一個 nsstring類 了解 lba 執行過程 span nsnumber 開發 github 翻譯自https://facebook.github.io/react-native/docs/native-modules-ios.html Native Module
React Native Networking API
second tps console 操作 信息 wait quest await pro p.p1 { margin: 0.0px 0.0px 2.0px 0.0px; font: 14.0px "Helvetica Neue"; color: #454545 } p.p
React Native中的DeviceEventEmitter.addListener與DeviceEventEmitter.emit
ice navigator 訂閱 shu reac 如何 沒有 解釋 http 官方文檔沒有對這兩個方法做很好的解釋,需要自己找資料研究。看了幾篇文章,總結是和訂閱發布模式差不多,用來事件監聽發送的。 React Native學習之DeviceEventEmitter傳
Mac運行React Native安卓項目報錯解決
height png oid 百度一下 ati 解決 blank tin 介紹 傳送門參考: 下面的這個鏈接很詳細了,一步一步就好.... https://github.com/NARUTOyuyang/React-Native 然而在運行react-native run-