Package Exports
- react-native-elements
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-elements) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
React Native Elements
Cross Platform React Native UI Toolkit
Get Started
Installation
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.
Usage
Start using the components or try it on Snack here.
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`}
/>Components Included
- 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
Documentation
Demo App
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.
Roadmap
FIRST CONTRIBUTORS
Look for the label Good First Task on the issues. Click here to see them.
NOT STARTED
- 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
Contributing
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! :)
Backers
Support us with a monthly donation and help us continue our activities. [Become a backer]
Sponsors
Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]
