react-native-base-ui
v0.1.3
Published
A cross platform ui for react native, write it once and get Android & Ios native UI
Downloads
9
Readme
React Native Base UI
A Kondo Soft initiative by Carlos Gonzalez
A simple cross platform native UI for both Android and IOS
Why?
React Native is huge and beautiful, but we don't have a boilerplate that fills the need of a customisable yet cross platform and out of the box implementation of cross platform Native UI
##Inspired by...
@maxstoiber React Boilerplate @geekyants Native Base
##Based on
IOS https://developer.apple.com/ios/human-interface-guidelines/ui-controls/buttons/
Android https://developer.android.com/guide/practices/ui_guidelines/index.html
#Components vs Containers
##Components
Everything related strictly to the way thinks look
##Containers
Everything that holds Components, like the above.
#Instalation
npm install react-native-base-ui
rnpm link ls
#UI Components
Button
A basic button for IOS and android, it can be used as a text button, or a Icon button, or both at the same time.
import { Button } from 'react-native-base-ui'
<Button
onPress = {()=>{console.log('I am a cross platform button');}}
size={25} // optional, will make Icon and size change size
icon='star' // optional choose the icon you want to show
outlined // optional, true by default on Android, will add a border on IOS
>You should star this repo</Button>
If you wan't to use it as Icon just remove the content i.e.
<Button
onPress = {()=>{console.log('I am a cross platform button');}}
icon='star'
/>