https://github.com/wrathchaos/react-native-flex-divider

Fully customizable flex divider with a easy use for React Native
https://github.com/wrathchaos/react-native-flex-divider

android app apple divider flex flex-divider freakycoder google ios kuray mobile programming react react-native reactjs ui ui-components ui-design wrathchaos

Last synced: 5 days ago
JSON representation

Fully customizable flex divider with a easy use for React Native

• Host: GitHub
• URL: https://github.com/wrathchaos/react-native-flex-divider
• Owner: WrathChaos
• Created: 2021-11-27T10:16:24.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2021-11-27T11:29:37.000Z (almost 3 years ago)
• Last Synced: 2024-10-25T16:58:32.656Z (20 days ago)
• Topics: android, app, apple, divider, flex, flex-divider, freakycoder, google, ios, kuray, mobile, programming, react, react-native, reactjs, ui, ui-components, ui-design, wrathchaos
• Language: Java
• Homepage: https://freakycoder.com
• Size: 1.64 MB
• Stars: 14
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


[![React Native Flex Divider](https://img.shields.io/badge/-Fully%20customizable%20flex%20divider%20with%20a%20easy%20use%20for%20React%20Native-orange?style=for-the-badge)](https://github.com/WrathChaos/react-native-flex-divider)

[![npm version](https://img.shields.io/npm/v/react-native-flex-divider.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-flex-divider)

[![npm](https://img.shields.io/npm/dt/react-native-flex-divider.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-flex-divider)

![Platform - Android and iOS](https://img.shields.io/badge/platform-Android%20%7C%20iOS-blue.svg?style=for-the-badge)

[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)

[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)

  

    

      

    

    

      

    

   

  

# Installation

Add the dependency:

```bash

npm i react-native-flex-divider

```

## Peer Dependencies

Zero Dependency

# Usage

## Import

```jsx

import FlexDivider from "react-native-flex-divider";

```

## Fundamental Usage

```jsx

```

## Customization Usage

```jsx

```

## Example Project 😍

You can checkout the example project 🥰

Simply run

- `npm i`

- `react-native run-ios/android`

should work of the example project.

# Configuration - Props

## Fundamentals

| Property |  Type  |  Default  | Description     |

| -------- | :----: | :-------: | --------------- |

| text     | string | undefined | change the text |

## Customization (Optionals)

| Property          |   Type    | Default | Description                                                             |

| ----------------- | :-------: | :-----: | ----------------------------------------------------------------------- |

| style             | ViewStyle | default | set or override the style object for the main container                 |

| text              | ViewStyle | default | set or override the style object for the `text style`                   |

| leftDividerStyle  | ViewStyle | default | set or override the style object for the `left divider style`           |

| rightDividerStyle | ViewStyle | default | set or override the style object for the `right divider style`          |

| TextComponent     |   Text    | default | set your own component instead of default react-native `Text` component |

## Future Plans

- [x] ~~LICENSE~~

- [ ] Write an article about the lib on Medium

## Author

FreakyCoder, [email protected]

## License

React Native Flex Divider is available under the MIT license. See the LICENSE file for more info.