摘要:通訊錄聯(lián)系人組件,名叫,可以用來增加讀取修改刪除搜索手機(jī)通訊錄中的聯(lián)系人信息,兼容和安卓雙平臺(tái)。安裝權(quán)限配置需要增加讀取聯(lián)系人的權(quán)限,在中增加一個(gè)。在需要用的時(shí)候,直接讀取本地?cái)?shù)據(jù)庫,這樣速度比較快。
本文原創(chuàng)首發(fā)于公眾號(hào):ReactNative開發(fā)圈,轉(zhuǎn)載需注明出處。
安裝React Native通訊錄聯(lián)系人組件,名叫:react-native-contacts,可以用來增加、讀取、修改、刪除、搜索手機(jī)通訊錄中的聯(lián)系人信息,兼容IOS和安卓雙平臺(tái)。
npm install react-native-contacts react-native link react-native-contactsiOS權(quán)限配置
需要增加讀取聯(lián)系人的權(quán)限,在Info.plist中增加一個(gè)key:"Privacy - Contacts Usage Description”。
在android/app/src/main/AndroidManifest.xml中增加以下權(quán)限:
支持的方法 示例 增加聯(lián)系人
var newPerson = { emailAddresses: [{ label: "work", email: "mrniet@example.com", }], familyName: "Nietzsche", givenName: "Friedrich", } Contacts.addContact(newPerson, (err) => { /*...*/ })更新和刪除聯(lián)系人
Contacts.getAll( (err, contacts) => { //update the first record let someRecord = contacts[0] someRecord.emailAddresses.push({ label: "junk", email: "mrniet+junkmail@test.com", }) Contacts.updateContact(someRecord, (err) => { /*...*/ }) //delete the second record Contacts.deleteContact(contacts[1], (err) => { /*...*/ }) })獲取所有聯(lián)系人
var Contacts = require("react-native-contacts") Contacts.getAll((err, contacts) => { if(err === "denied"){ // error } else { // contacts returned in [] } })
如果聯(lián)系人比較多的話,getAll方法會(huì)比較慢,作者建議先獲取好所有聯(lián)系人,存儲(chǔ)在本地?cái)?shù)據(jù)庫中。在需要用的時(shí)候,直接讀取本地?cái)?shù)據(jù)庫,這樣速度比較快。
搜索聯(lián)系人var Contacts = require("react-native-contacts") Contacts.getContactsMatchingString("filter", (err, contacts) => { if(err === "denied"){ // x.x } else { // Contains only contacts matching "filter" console.log(contacts) } })組件地址
詳細(xì)的源碼和使用說明請(qǐng)?jiān)L問GitHub:https://github.com/rt2zz/reac...
舉手之勞關(guān)注我的微信公眾號(hào):ReactNative開發(fā)圈
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/89911.html
摘要:的響應(yīng)核心的響應(yīng)式系統(tǒng)是支撐整個(gè)框架運(yùn)行的關(guān)鍵,也是的核心之一,官方對(duì)這個(gè)核心的分層設(shè)計(jì)得很好也是依靠其驅(qū)動(dòng)原生視圖。我們?nèi)粘S玫降亩加珊诵奶峁瑢?duì)這個(gè)核心稍作修改,去掉和,意外的獲得了一個(gè)極小的響應(yīng)核心,可以運(yùn)行于任何標(biāo)準(zhǔn)引擎下。 showImg(https://segmentfault.com/img/bVPMZy?w=1468&h=826); GitHub: react-vue ...
摘要:鑒于我平常使用的是系統(tǒng),就決定我只開發(fā)安卓客戶端,客戶端我們又招了一個(gè)小伙伴。一般來講,安卓系統(tǒng)是這一兩年市面上常用機(jī)型配置的系統(tǒng)。 從去年的10月份開始,我的大部分工作重心從傳統(tǒng)的前端開發(fā)轉(zhuǎn)向了使用ReactNative開發(fā)APP,在這個(gè)過程當(dāng)中,走過了不少彎路,也遇到了一些技術(shù)相關(guān)的問題,但總算沒有辜負(fù)那些對(duì)我信任的人。經(jīng)歷過痛苦和無助,終于堅(jiān)持了下來,一個(gè)月的時(shí)間把產(chǎn)品成功部署上...
摘要:跟非常相似,但是在開始嘗試你第一個(gè)之前,也需要了解兩者之間的一些差異。推薦的方式是使用提供的。能用到組件中的或者上以啟用這個(gè)組件的觸摸事件。 華翔,Web前端開發(fā)工程師著作權(quán)歸作者所有,轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)。 showImg(https://segmentfault.com/img/bVUliz?w=640&h=235); React-Native已經(jīng)誕生有兩年左右了,自從適配了An...
摘要:電影天堂客戶端重新開始具體更新以為準(zhǔn)。重新開始兩年前發(fā)布了第一個(gè)版本。最為一名偏體驗(yàn)偏設(shè)計(jì)的前端開發(fā)者,對(duì)界面和用戶體驗(yàn)都有極高的重視。 電影天堂React Native 客戶端 重新開始! 具體更新以https://github.com/XboxYan/DYTT為準(zhǔn)。 重新開始 兩年前發(fā)布了第一個(gè)版本。 現(xiàn)在, 使用最新的react-native 0.57和全新的設(shè)計(jì)完成了V2.0 ...
閱讀 2179·2021-11-25 09:43
閱讀 2261·2021-11-24 09:39
閱讀 1555·2021-11-22 12:02
閱讀 2992·2021-11-17 09:33
閱讀 3418·2021-11-15 11:38
閱讀 2744·2021-10-13 09:40
閱讀 1075·2021-09-22 15:41
閱讀 1693·2019-08-30 10:58