Loading an overlay when running long tasks in the react-native application.
- Use yarn
yarn add @nghinv/react-native-codepush-manage
- Use npm
npm install @nghinv/react-native-codepush-manage
- peerDependencies
yarn add react-native-code-push react-native-device-info
you can use withCodePush
or CodePushProvider
to wrapped Root component
- Connect
withCodePush
withRoot Component
import { withCodePush } from '@nghinv/react-native-codepush-manage';
....
// Default = {
// checkFrequency: codePush.CheckFrequency.ON_APP_RESUME,
// installMode: codePush.InstallMode.ON_NEXT_RESTART,
// }
const codePushOptions = {};
export default withCodePush(codePushOptions)(RootComponent);
- Wrapped
CodePushProvider
withRoot Component
import { CodePushProvider } from '@nghinv/react-native-codepush-manage';
....
return (
<CodePushProvider>
<RootComponent />
</CodePushProvider>
)
- Use hook function
useCodePush
const { status, progress } = useCodePush();
- Use
AppVersion
component
import { AppVersion } from '@nghinv/react-native-codepush-manage';
return (
<View>
<AppVersion
buildDate='02/09/2021'
statusTitle={{
Updating: 'Updating',
Installing: 'Installing',
NeedToRestart: 'Need to restart',
}}
/>
</View>
)
Property | Type | Default | Description |
---|---|---|---|
title | String |
null |
Title of app version |
style | ViewStyle |
null |
Container style |
titleColor | String |
null |
Title color |
titleStyle | TextStyle |
null |
Title style |
onPress | () => void |
null |
|
enableRestartOnPress | Bool |
null |
press to restart app |
enableSyncOnPress | Bool |
null |
press to sync code push |
buildDate | String |
null |
App build date |
statusTitle | StatusTitleStyle |
null |
|
titleProps | TextProps |
null |
Property | Type | Default | Description |
---|---|---|---|
Updating | String |
Updating |
|
Installing | String |
Installing |
|
NeedToRestart | String |
Need to restart |