原创 React native 生成資源清單文件
在開發中,我們時常要引用很多資源,比如圖片,字符串,顏色等等， react 這個引用方法 import和require 必須傳遞相對路徑,不便於移動應用開發,本人實在受不了這種引用方式,而且require加載圖片,不能是變量,很煩人,我
2018-11-21 09:28:19
2
原创 TypeScript從0到1
什麼是typescript？ 中文官網地址：點擊 typescipt的優勢 一個第特性叫做類型檢測 在打字稿裏面的英文運行爲變量指定類型的，比如當你爲這個變量指定數字類型的值的時候，IDE會做出類型檢查， 然後告訴你這裏可能會有錯誤，這
2018-10-27 10:14:36
原创 xxf_hud 使用介紹
由於rn的開源項目實在太少,想要像android ios那樣有hud,既能loading,又能提示各種狀態的hud,所以我封裝了一個react_native平臺的hud: 運行效果: 添加依賴: yarn add xxf_hud
2018-10-27 10:14:36
原创 RN refs使用
refs 是什麼呢?簡單理解爲組件的id標示,可以在其他地方找到這個這個組件,類似Android view的id 實際例子: import React, {Component} from 'react'; import {Image
2018-10-15 09:07:30
原创 RN 跨級傳參(全局參數context)
我們知道props可以傳遞參數,但是需要一級一級地傳遞(A->B->C...),非常麻煩,這裏提供一種用context實現跨級參數傳遞; Context屬性的使用步驟 [準備階段] 1.在產生的參數的最頂級組件中,使用childC
2018-10-15 09:07:30
2
原创 RN 類的使用
類的創建 聲明類的關鍵詞:class Student.js export default class Student { constructor(name, age) { this.name = name;
2018-10-15 09:07:30
原创 RN組件生命週期
在Android 和IOS我們都知道組件都有生命週期,RN的組件依舊不例外; RN組件的生命週期主要分爲3個部分 1.裝載組件 2.更新組件 3.卸載組件 方法名 作用 調用次數 constructor 構造函數,初始化需要state
2018-10-13 09:33:16
2
原创 RN錯誤大全
500之 index.js could not be found App.js URL: http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=false er
2018-10-13 09:33:15
原创 RN的props使用詳解
props是組件的屬性,描述一個組件的,類似Android Attribute 如下實例,props從外部傳遞進來: import React, {Component} from 'react'; import {Platfor
2018-10-13 09:33:15
4
原创 Mac平臺搭建RN開發環境
1.安裝 Node, Watchman 官方參考 brew install node brew install watchman 如果出現出現 brew install node command not found bash 下執行 r
2018-10-13 09:33:15
2
原创 RN的導入導出
1.類的導出和導入 在官方生成的項目中,我們可以看到一個特別的關鍵字 export export就是提供給外部導入的標示 導入語法: import LifecycleComponent from "./xxxComponent"; 2.
2018-10-13 09:33:15
原创 RN創建組件的三種方式
RN創建組件的三種方式: 1.ES6(推薦,比較新的語法) 2.ES5 3.函數式 創建Hellocomponent.js import React, {Component} from 'react'; import {Platform
2018-10-13 09:33:15
原创 WebStorm開發React Native
1.下載webstorm 百度一下就知道了 2. 在webstorm下配置node環境： 2.安裝官方支持架包 npm install -g create-react-app 3.新建react app項目 new project
2018-10-13 09:33:15
原创 RN state使用詳解
我們使用兩種數據來控制一個組件：props和state。props是在父組件中指定，而且一經指定，在被指定的組件的生命週期中則不再改變。 對於需要改變的數據，我們需要使用state。 一般來說，你需要在 c
2018-10-13 09:33:15
原创 NDK體驗篇
前提: 1. 下載最新的android studio,下載地址參考 2. 下載cmake和NDK庫 第一個demo: 會自動創建一個c++文件 java類自動裝載和聲明瞭 運行效果: 到此 利用cmake的方式 NDKdemo
2018-10-10 09:30:57
1