React Native Common

Cross Platform React Native UI Toolkit & API

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

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.