react-native-custom-safearea-view-loader--module v1.0.2

react-native-custom-safearea-view-loader--module

This package can be used for loader to show in the middle of screen

OutPut

https://github.com/shahulul1/react-native-custom-safearea-view-loader--module/assets/96164057/6fb25908-2710-40a2-80ca-421facb85814

Installation

npm install react-native-custom-safearea-view-loader--module

Usage

import CustomSafeAreaView from 'react-native-custom-safearea-view-loader--module';;

// ...
export default function() {
 const [showLoader,setShowLoader] = useState(false)

return (
    <CustomSafeAreaView 
    indicatorColor='red' 
    showLoadingIndicator= {showLoader} 
    edges={['top']}
    
    >
    {
        //...child element of a screen
    }
    </CustomSafeAreaView>
)
}

Properties

translucent?: boolean; //Status Bar
darkContent?: boolean; // Status Bar
backgroundColor?: string; // Status Bar background color
hidden?: boolean // Status Bar hide
showLoadingIndicator?: boolean;
children?: JSX.Element;
edges?: Edges;
style?: StyleProp; // Container Style
indicatorColor?: string;
indicatorSize?: number | 'small' | 'large'

Contributing

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

License

MIT

Author

SHAHULUL FARIS P