Awesome
<h3 align="center"> React Native Common </h3> <p align="center"> Cross Platform <a href="https://facebook.github.io/react-native/">React Native</a> UI Toolkit & API </p> <p align="center"> <a href="https://www.npmjs.com/package/react-native-common"><img src="https://img.shields.io/npm/v/react-native-common.svg?style=flat-square"></a> <a href="https://www.npmjs.com/package/react-native-common"><img src="https://img.shields.io/npm/dm/react-native-common.svg?style=flat-square"></a> <a href="https://travis-ci.org/rghorbani/react-native-common"><img src="https://img.shields.io/travis/rghorbani/react-native-common/master.svg?style=flat-square"></a> </p> <p align="center"> <a href="https://github.com/prettier/prettier"><img src="https://img.shields.io/badge/styled_with-prettier-ff69b4.svg"></a> </p> <br />Get Started
Installation
$ yarn add react-native-common
or
$ npm install react-native-common --save
Native Dependencies
Some of the components are using these native dependencies, they are not a requirement but will allow you to create better lookings apps :)
- react-native-animatable
- react-native-blur
Usage
import { Button } from 'react-native-common';
<Button
style={{width: 270}}
borderRadius={10}
backgroundColor="red"
label={`Welcome to\nReact Native Common`}
/>
Components Included
- Theming & Default Styles of the Components
- Badge
- Button
- Carousel
- Connection Status Bar
- DrawerLayout
- KeyboardSpacer
- Header
- PageControl
- Popover
- PureListView
- LoadingView
- Text
- TextInput
- MaskedInput
- TagsInput
- SegmentedControl
- AnimatedImage
- NetworkImage
- SettingsList
- SettingsList.Header
- SettingsList.Item
- StyleSheet
- ViewPager
Documentation
Roadmap
FIRST CONTRIBUTORS
Look for the label Good First Task
on the issues. Click here to see them.
NOT STARTED
- Add Image Component which supports parallax
- Compatibility with react-native-windows
- Something you's like to see? Submit an issue or a pull request
Contributing
Interested in contributing to this repo? Have a look at our Contributing Guide
Related Projects
react-native-general-calendars
A react-native
component with support of gregorian, jalaali and hijri calendar to select and work with date and time, created by @rghorbani.