Skip to content

xubing/react-native-common-item-cell

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-common-item-cell

A React Native item cell. The cell grows with the inner text. This project is forked from react-native-item-cell, I add the left title in it .

ItemCell component screenshot

Install

Install the package:

$ npm i react-native-common-item-cell --save

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

Usage

import ItemCell from 'react-native-common-item-cell';
<ItemCell>
  Item
</ItemCell>
<ItemCell icon={{uri: 'https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png'}}>
  Item
</ItemCell>
<ItemCell title = {"Gender:"} showDisclosureIndicator={true}
onPress ={()=>console.log("pressme")}
onPressOut ={()=>console.log("pressme out")}>
  Man
</ItemCell>

Prop API

Prop Type Description
showDisclosureIndicator bool Shows 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.
children string The inner text to render.
title string The left title text to render.

License

MIT

About

React Native default iOS item cell

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 55.0%
  • Objective-C 45.0%