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

• [x] Theming & Default Styles of the Components
• [x] Badge
• [x] Button
• [x] Carousel
• [x] Connection Status Bar
• [x] DrawerLayout
• [x] KeyboardSpacer
• [x] Header
• [x] PageControl
• [x] Popover
• [x] PureListView
• [x] LoadingView
• [x] Text
• [x] TextInput
• [x] MaskedInput
• [x] TagsInput
• [x] SegmentedControl
• [x] AnimatedImage
• [x] NetworkImage
• [x] SettingsList
• [x] SettingsList.Header
• [x] SettingsList.Item
• [x] StyleSheet
• [x] ViewPager

Documentation

View the full docs here

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.