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