1.0.2 • Published 5 years ago

react-native-contacts-sectionlist v1.0.2

Weekly downloads
4
License
ISC
Repository
github
Last release
5 years ago

react-native-contacts-sectionlist

Works on both iOS and Android.

Instructions

This component depends on the API of react-native-contacts. To use this component, follow the installation procedures for react-native-contacts. You won't have to ask for android permissions at runtime. This component will handle that.

After that you may:

npm:

npm i react-native-contacts-sectionlist

yarn:

yarn add react-native-contacts-sectionlist

Example

import React, { Component } from "react";
import { ContactsSectionList } from "react-native-contacts-sectionlist";

export default class App extends Component {
  render() {
    return <ContactsSectionList />;
  }
}

Styling

PropTypeDescription
containerStylestyleWill be applied to the view container which surrounds the <SectionList\/>.
headerStylestyleWill be applied to the headers which are <Text\/> components.
rowStylestyleWill be applied to the rows which are <TouchableOpacity\/> components.
itemStylestyleWill be applied to row items which are <Text\/> components.
<ContactsSectionList
  containerStyle = {{ flex: 2 }}
  headerStyle = {{ fontSize: 36 }}
  rowStyle = {{ height: 20 }}
  itemStyle = {{ paddingLeft: 10 }}
 />