react-native-custom-components

Components

Getting started

npm install react-native-custom-components

or

yarn add react-native-custom-components

Usage

ModalLoading

import { ModalLoading } from 'react-native-custom-components';

// ...

<ModalLoading
    visible={true} // boolean *
    indicatorColor={"#FF4B3A"} // color 
    loadingTextStyle={{color:'white'}} // Loading Text Style
    backgroundColor={"black"} // modal background color
/>

ModalLoading Props

| Props | Params | isRequire | Description | | ------------------ | ----------------------------------- | --------- | ------------------------------------------------------------------- | | visible | Boolean | Yes | if visible is 'true' then ModalLoading is show, if visible is 'false' then ModalLoading is not show | | indicatorColor | Color | No | ActivityIndicator color 'FF4B3A' | | loadingTextStyle | Styles | No | Loading Text styles | | backgroundColor | Color | No | Modal Background color 'black' |

Button

import { Button } from 'react-native-custom-components';

// ...

<Button 
    buttonStyle={{ width: '90%' }}
    textStyle={{ fontSize: 17, fontWeight: '500' }}
    activeOpacity={0.8}
    onPress={()=>{console.log("press success")}}
>
    Button
</Button>

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

ISC

Made with create-react-native-library