react-native-components-design
Components
Getting started
npm install react-native-components-designor
yarn add react-native-components-designUsage
ModalLoading
import { ModalLoading } from 'react-native-components-design';
// ...
<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-components-design';
// ...
<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
MIT
Made with create-react-native-library