COMPONENTS REACT NATIVE

Developer

@jovemdeveloper @joaosantos.dev

GIT: https://github.com/joaosantosdev/components-react-native

Recommendation

We recommend that you create other components, create your own rules and use our components to help

import {Button} from "components-react-native";

export const MyButton = props =>{
    return (<Button {...props}/>)
}

Components

• Button bg size type color onPress title style styleText

Button

Create

import {Button} from "components-react-native";

<Button title='Click'/> or <Button>Click</Button>

Props - type

<Button title='Click' bg='block'/>
<Button title='Click' bg='block-round'/>
<Button title='Click' bg='outline'/>
<Button title='Click' bg='outline-round'/>

Props - bg

<Button bg='primary'/> or <Button bg='#fff'/>

Props - size

<Button size='lg'/>
<Button size='md'/>
<Button size='sm'/>

Props - color

<Button color='red'/>
<Button color='#000'/>
<Button color='primary'/>

Props - radius

<Button radius={10}/>

Props - style & styleText

<Button style={{width:200}}/>

<Button styleText={{fontSize:13}}/>

Resource

colors

import {colors} from "components-react-native/resource";

<Button bg={colors.info}/>