React Native Common

Cross Platform React Native UI Toolkit & API

View demo Download Source

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

GitHub