react-native-unordered-list


React Native Unordered List Component

Installation

yarn add react-native-unordered-list or npm install react-native-unordered-list --save

and then import into your component

``javascript
import Unorderedlist from 'react-native-unordered-list';
`

Usage

$3

`javascript
item
`

$3

![Nested List](#)

`javascript
Grandparent
Parent
Child


`

$3

`javascript
Grandparent
Red
GIANT RED BULLET
`

Some commonly used bullet characters are:

`javascript
0x2022 •
0x25E6 ◦
0x25AA ▪
0x2023 ‣
0x2043 ⁃
0x25D8 ◘
0x2765 ❥
0x29BE ⦾
0x29BF ⦿
`

Find more: https://home.unicode.org/

API

| Property | Type | Description |
|:--------------:|:--------------------------:|:---------------------------:|
| bulletUnicode | A hex number (e.g. 0x2765) | Customized bullet character |
| color | A color string (e.g. 'red', '#FF0000', 'rgb(255,0,0)') | Customized bullet color. This property takes precedence over the color specified in style |
| style | A text style props object (e.g. {fontSize: 100}) | Text Style Props |

Example

![A complete example](#)


`javascript
import React from 'react';
import { Text } from 'react-native';
import Unorderedlist from 'react-native-unordered-list';

export default () => {
return (


Buy some things
Eggs
A guitar
A bunny
a white one
and a black one


Buy some books
Kafka on the Shore
Animal Farm
The Art of Computer Programming



);
};
`

Removal

yarn remove react-native-unordered-list or npm uninstall react-native-unordered-list --save`
and then delete your import statement

Contact the Author

Qi Xi

me@imxiqi.com