react-native-flex-divider
Fully customizable flex divider with a easy use for React Native
Installation
Add the dependency:
npm i react-native-flex-divider
Peer Dependencies
Zero Dependency
Usage
Import
import FlexDivider from "react-native-flex-divider";
Fundamental Usage
<FlexDivider text="Settings" />
Customization Usage
<FlexDivider
text="USER SETTINGS"
textStyle={{ fontFamily: "SuezOne-Regular" }}
rightDividerStyle={{ flex: 5 }}
/>
Example Project 😍
You can checkout the example project 🥰
Simply run
npm ireact-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
-
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.
Package Rankings
Top 21.75% on Npmjs.org
Badges
Extracted from project README
