npm或yarn安裝相關(guān)插件

https://blog.csdn.net/w345731923/article/details/82852459

yarn add react-native-gesture-handler@1.2.1
react-native link react-native-gesture-handler
react-native自帶的PanResponder手勢監(jiān)視器由JS響應(yīng)器系統(tǒng)控制而react-native-gesture-handler是在UI線程中識別和跟蹤手勢。

若使用RN官方提供的手勢管理在與發(fā)生在主線程上的觸摸交互(如iOS滑塊或任何滾動視圖)時,經(jīng)常會遇到問題。==由于主線程必須同步?jīng)Q定JS或滾動視圖是否應(yīng)該成為響應(yīng)器,而JS只能異步響應(yīng)并不能立即拒絕Native事件的響應(yīng),導(dǎo)致手勢操作被這些Native組件劫持。==

ps: 上面提到的JS不能立即拒絕Native事件的響應(yīng)對應(yīng)PanResponder中的onPanResponderTerminationRequest方法,當(dāng)該方法返回false時表示拒絕其他組件響應(yīng)當(dāng)前的手勢。

npm install react-native-fs@2.13.3 --save
react-native link react-native-fs
將文本寫入本地 txt
讀取txt文件內(nèi)容
在已有的txt上添加新的文本
刪除文件
下載文件(圖片、文件、視頻、音頻)
上傳文件 only iOS

yarn add @react-native-community/async-storage@1.5.0
react-native link @react-native-community/async-storage
react-native本地文件存儲數(shù)據(jù)
storeData = async () => {
try {
await AsyncStorage.setItem('@storage_Key', 'stored value')
} catch (e) {
// saving error
}
}

讀取數(shù)據(jù)
getData = async () => {
try {
const value = await AsyncStorage.getItem('@storage_Key')
if(value !== null) {
// value previously stored
}
} catch(e) {
// error reading value
}
}

npm install react-native-picker@4.3.7 --save
react-native link react-native-picker
react-native調(diào)用本地相機(jī)功能

yarn add @react-native-community/async-storage@1.5.0
react-native link @react-native-community/async-storage

npm install react-native-view-shot@2.6.0
react-native link react-native-view-shot
1,可以截取當(dāng)前屏幕或者按照當(dāng)前頁面的組件來選擇截取,如當(dāng)前頁面有一個圖片組件,一個View組件,可以選擇截取圖片組件或者View組件。支持iOS和安卓。
1,需要將分享頁生成圖片,并分享到微信好友與朋友圈。

yarn add react-native-image-picker@0.28.1
react-native link react-native-image-picker
用圖片選擇器react-native-image-picker拍照、選照片

發(fā)布:2018/3/7

有時我們程序中需要提供用戶上傳照片的功能。照片可以從設(shè)備相冊中選擇,也可以使用攝像頭直接拍攝。這個功能使用 react-native-image-picker 庫就可以很方便的實現(xiàn)。

npm install react-navigation --save
npm install react-navigation@1.5.2 --save
React Navigation的誕生,源于React Native社區(qū)對基于Javascript的可擴(kuò)展且使用簡單的導(dǎo)航解決方案的需求。
React Navigation是Facebook,Expo和React社區(qū)的開發(fā)者們合作的結(jié)果:它取代并改進(jìn)了React Native生態(tài)系統(tǒng)中的多個導(dǎo)航庫,其中包括Ex-Navigation,React Native的Navigator和NavigationExperimental組件
npm install --save react-native-textarea
npm install --save react-native-textarea@1.0.3
@ant-design/react-native中關(guān)于TextAreaItem的計數(shù)功能 —count

npm install react-native-storage –save
npm install react-native-storage@1.0.1 -save
https://www.cnblogs.com/YooHoeh/p/9381416.html
react-native-storage

這是一個本地持久存儲的封裝,可以同時支持react-native(AsyncStorage)和瀏覽器(localStorage)。ES6語法,promise異步讀取,使用jest進(jìn)行了完整的單元測試。
https://www.cnblogs.com/YooHoeh/p/9381416.html

用于解決iOS和Android啟動白屏問題及簡單的啟動頁面展示
npm i react-native-splash-screen@版本號 --save
yarn add react-native-splash-screen@3.2.0
react-native link react-native-splash-screen or rnpm link react-native-splash-screen

yarn add react-native-splash-screen
yarn add react-native-splash-screen@3.2.0
react-native link react-native-splash-screen

React-Native下拉框控件
npm i react-native-modal-dropdown
npm i react-native-modal-dropdown -save
react-native繪圖
npm install react-native-loading-spinner-overlay
yarn add react-native-loading-spinner-overlay

react-native放大縮小圖片
npm i react-native-image-zoom-viewer --save

npm i react-native-easy-toast --save
npm install react-native-easy-toast --save

Base64編解碼算法在Nodejs的buffer組件中有支持,首先我們需要在項目根目錄下運(yùn)行命令行安裝buffer依賴:
npm install buffer --save
npm install buffer@5.2.1 --save
moment -- react中處理時間的庫
npm install moment --save
npm install moment@2.24.0 --save
隨著 React Native 的升級,系統(tǒng)廢棄了很多的東西,過去我們可以直接使用 React.PropTypes 來進(jìn)行屬性確認(rèn),不過這個自 React v15.5 起就被移除了,轉(zhuǎn)而使用 prop-types 庫來進(jìn)行替換。
npm install --save prop-types

https://blog.csdn.net/sinat_17775997/article/details/77770114
http://m.itdecent.cn/p/c7a8f115dca0

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容