Cross Platform React Native UI Toolkit
-
If you are using create-react-native-app or Expo, follow these instructions.
-
If your project is a standard React Native project (if you have an ios/android directory and created it with
react-native init), follow these installation instructions.
Start using the components:
import { Button } from 'react-native-elements';
<Button
raised
icon={{name: 'home', size: 32}}
buttonStyle={{backgroundColor: 'red', borderRadius: 10}}
textStyle={{textAlign: 'center'}}
title={`Welcome to\nReact Native Elements`} />- Buttons
- Social Icons / Social Icon Buttons
- Icons
- Side Menu
- Form Elements
- Search Bar
- ButtonGroup
- Checkboxes
- List Element
- Badge
- Tab Bar Component
- HTML style headings
- Card component
- Pricing Component
- Grid Component
- Slider Component
- Tile Component
- Avatar Component
Check out the pre built and configured React Native Hackathon Starter Project which uses all of these elements.
- Add Profile Component
- Add Header Component
- Expose & document Divider Component
- Refactor Social Icon to use Button
- Floating labels on FormInput
- Compatibility with react-native-web
- Support Multiple FormInput refs
- Two-Marker Slider
- Add Notification Component
- Add Image Component which supports parallax
- Add DatePicker/Calendar Component
- Add Theming & Default Styles
- Something you's like to see? Submit an issue or a pull request
Interested in contributing to this repo? Have a look at our Contributing Guide