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
- Rating Component
- SwipeDeck Component
Run the pre built and configured React Native Elements App on Expo which uses all of the React Native Elements components.
Also checkout the example/ folder to view the implementation & run the expo app locally.
Look for the label Good First Task on the issues. Click here to see them.
- 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
Also come say hi to the RNE community on our public Slack team. See you on the other side! :)
Support us with a monthly donation and help us continue our activities. [Become a backer]
Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]
