Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dancormier/react-native-listitem
iOS-style listitem component for React Native
https://github.com/dancormier/react-native-listitem
Last synced: 5 days ago
JSON representation
iOS-style listitem component for React Native
- Host: GitHub
- URL: https://github.com/dancormier/react-native-listitem
- Owner: dancormier
- License: mit
- Created: 2015-06-10T04:04:57.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-02-06T16:45:33.000Z (almost 7 years ago)
- Last Synced: 2024-12-04T20:50:44.479Z (8 days ago)
- Language: Objective-C
- Size: 34.2 KB
- Stars: 90
- Watchers: 3
- Forks: 9
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-react-native - react-native-listitem ★86 - iOS-style listitem component for React Native (Components / UI)
- awesome-reactnative-ui - react-native-listitem - style listitem component for React Native|<ul><li>Last updated : 2 months ago</li><li>Stars : 87</li><li>Open issues : 4</li></ul>|![](http://i.imgur.com/x3Hlfbe.png)| (Others)
- awesome-react-native - react-native-listitem ★86 - iOS-style listitem component for React Native (Components / UI)
- awesome-reactnative-ui - react-native-listitem - style listitem component for React Native|<ul><li>Last updated : 2 months ago</li><li>Stars : 87</li><li>Open issues : 4</li></ul>|![](http://i.imgur.com/x3Hlfbe.png)| (Others)
- awesome-react-native - react-native-listitem ★86 - iOS-style listitem component for React Native (Components / UI)
- awesome-react-native-ui - react-native-listitem ★73 - iOS-style listitem component for React Native (Components / UI)
- awesome-react-native - react-native-listitem ★86 - iOS-style listitem component for React Native (Components / UI)
README
# This is crusty as hell
don't use it.# react-native-listitem
react-native-listitem acts as a quick default for iOS-native styling of a listitem![listitem preview](http://i.imgur.com/x3Hlfbe.png)
## Installation
```
npm install --save react-native-listitem
```## Usage example
note: see [example/index.ios.js](https://github.com/dancormier/react-native-listitem/blob/master/example/index.ios.js) for more detailed example
```
var Listitem = require('react-native-listitem')// Listitem component
```
## Props
Prop | Type | Optional | Default | Description
--------------- | ------ | -------- | --------- | -----------
text | string | Yes | null | text displayed in listitem
children | string | Yes | null | pass custom component as child
backgroundColor | string | Yes | '#ffffff' |
indent | int | Yes | 15 | paddingLeft for listitem contents
onPress | func | Yes | null | function executed onPress
style | string | Yes | | custom style for listitem
styleText | string | Yes | | custom style for listitem text## To Do
[https://github.com/dancormier/react-native-listitem/issues](https://github.com/dancormier/react-native-listitem/issues)