React Native之获取通讯录信息并实现类通讯录列表(ios android)

React Native之获取通讯录信息并实现类通讯录列表(ios android) 一,需求分析

    1,获取通讯录信息,筛选出通讯录里有多少好友在使用某个应用。

    2,获取通讯录信息,实现类通讯录,可拨打电话 发短信等。

二,技术介绍与配置     2.1 技术介绍

          1,react-native-contacts地址:https://www.npmjs.com/package/react-native-contacts

          2,下载安装:npm install react-native-contacts --save

          3,自动链接:react-native link react-native-contacts

          4,react-native-contacts API介绍:

getAll(callback)——以对象数组的形式返回所有联系人

getAllWithoutPhotos——和getAll在安卓系统上是一样的,但是在iOS系统上它不会返回联系人照片的uri(因为创建这些图片会带来很大的开销)

getPhotoForId(contactId, callback)——返回联系人照片的URI(或null)

openContactForm (contact, callback)——在contactsUI中创建一个新的联系人并显示。添加一个联系人到通讯录。

updateContact (contact, callback)——其中contact是一个具有有效recordID的对象

deleteContact (contact,callback)——其中contact是一个具有有效recordID的对象

getContactsMatchingString (string, callback)—其中string是匹配名称(第一个、中间、家族)的任何字符串

checkPermission(callback)——只检查访问联系人ios的权限(仅限ios)

requestPermission(callback)——请求仅访问ios联系人的权限(仅限ios)

          5,react-native SectionLis列表 类似FlatList的使用

1 <SectionList 2 {...this.props} 3 style={this.props.SectionListStyle} 4 ref={s => this.sectionList = s} 5 keyExtractor={this._keyExtractor} 6 sections={delData} 7 renderSectionHeader={this._renderSectionHeader} 8 renderItem={this._renderItem} 9 getItemLayout={(data, index) => ({ length: this.props.sectionHeight, offset: 50 * index, index })} 10 />

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsfjzs.html