react-native-component - Button

Getting Started

npm install react-native-component-button

Key Features

[Pressable Native] Button types:

• Primary Button
• Secondary Button
• Outline Button
• Disable Button
• Arrow Button
• Left Icon Button
• Override Styule Button
• Circle Button
• Circle Button

Button props

| Attribute | Type | Default | | :------------- | :-------------------: | :--------------------------------: | | label | string | | | buttonColor | string | | | textColor | string | | | circle | bool | false | | type | string | primary|secondary|outline|circle | | disabled | bool | false | | arrow | bool | false | | full | bool | false | | leftIcon | FontAwesome.glyphMap | false | | style | StyleProps | null | | onPress | function | null |

Button basic example for React Native App

import {Button} from 'react-native-component-button';

<Button 
    label={"Sign In"} 
    arrow={true}
    style={{marginRight:20}}
    onPress={() => navigation.navigate('goThisPage')}/>

<Button 
    leftIcon={"font-awesome"}
    label={"Create Account"} 
    onPress={() => navigation.navigate('goThisPage')}/>
</View>

Author

Josef Cheung