Home

Awesome

react-native-item-cell

A React Native default iOS item cell. The cell grows with the inner text.

<p align="center"> <img src="https://raw.githubusercontent.com/wiki/APSL/react-native-item-cell/itemcell.png" alt="ItemCell component screenshot" width="400"> </p>

Install

RN>=0.18 is required for 1.4.x. Install the package:

$ yarn add react-native-item-cell

Install FontAwesome from the awesome Joel Oblador's react-native-vector-icons: https://github.com/oblador/react-native-vector-icons#installation

Usage

<ItemCell>
  Item
</ItemCell>

Prop API

PropTypeDescription
showDisclosureIndicatorboolShows a small arrow at the right side of the cell.
icon{uri: string} object or require()URI to render left icon with an URL for the image source or require for a local image source.
childrenstringThe inner text to render.
subtitlestringAn optional subtitle to render below the children.
valuestringAn optional value to display instead of the disclosure indicator.
backgroundColorstringThe color code of the cell background color.
textStyleText.propTypes.styleThe cell text style.
chevronColorstring color codeThe color code for the disclosure indicator.

License

MIT

Author

Álvaro Medina Ballester <amedina at apsl.net>