React Native Elements Npm / Yarn / List / DropDown / Github / Icon / Gsoc / Native Base :
Installation
Follow these instructions to install React Native Elements!
Usage
Start using the components or try it on Snack here.
import { Button } from 'react-native-elements'; <Button />;
Components included:
- [x] Avatar
- [x] Badge
- [x] BottomSheet
- [x] Button
- [x] ButtonGroup
- [x] Card
- [x] CheckBox
- [x] Divider
- [x] FAB
- [x] Header
- [x] HTML style headings
- [x] Icon
- [x] Image
- [x] Input
- [x] ListItem
- [x] Linear Progress
- [x] Overlay
- [x] Pricing
- [x] Rating
- [x] SearchBar
- [x] Slider
- [x] Social Icons / Social Icon Buttons
- [x] Speed Dial
- [x] Switch
- [x] Tile
- [x] Tab
- [x] TabView
- [x] Tooltip
Universe Components
- [x] Circular Slider
React Native Web support
As a cross platform UI Toolkit, you can now use RNE on the web & share your codebase between your React Native + React web apps. RNE components are rendered perfectly on browser. You can achieve this to target iOS, Android and Web by collaborating RNE and React Native for Web.
Click here for a full walkthrough using React Native Elements + React Native Web.
Demo App
Checkout the official React Native Elements App on Expo which uses all of the React Native Elements components.
If you are looking to contribute to the React Native Elements App, click here to view the implementation & run the RNE expo app locally.