React Native Elements & UI Toolkit
npm install react-native-elements-elad
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 or try it on Snack here.
``js
import { Button } from 'react-native-elements';
raised
icon={{name: 'home', size: 32}}
buttonStyle={{backgroundColor: 'red', borderRadius: 10}}
textStyle={{textAlign: 'center'}}
title={Welcome to\nReact Native Elements}`
/>
- [x] Buttons
- [x] Social Icons / Social Icon Buttons
- [x] Icons
- [x] Form Elements
- [x] Search Bar
- [x] ButtonGroup
- [x] Checkboxes
- [x] List Element
- [x] Badge
- [x] HTML style headings
- [x] Card component
- [x] Pricing Component
- [x] Slider Component
- [x] Tile Component
- [x] Avatar Component
- [x] Rating Component
Checkout the official React Native Elements App on Expo which uses all of the React Native Elements components.
Additionally, take a look at the example/ folder to view the implementation & run the RNE expo app locally.
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]
#### First Contributors
Look for the label good first issue` on the issues. Click here to see them.
#### 1.0 Release
- [ ] SearchBar - Platform Specific (with iOS 11 support)
- [ ] ListItem - Platform Specific
- [ ] Button - Refactored
- [ ] Input - Rewritten
- [ ] Production-ready Screens
#### Not Started
- [ ] Compatibility with react-native-web
- [ ] Add Notification Component
- [ ] Add Image Component which supports parallax
- [ ] Add DatePicker/Calendar Component
- [ ] Something you's like to see? Submit an issue or a pull request
Interested in contributing to this repo? Checkout our Contributing Guide
Also come say Hi! to the RNE community on our public Slack team. See you on the other side! :)