@nghinv/react-native-codepush-manage

React native codepush manage

Usage no npm install needed!

<script type="module">
  import nghinvReactNativeCodepushManage from 'https://cdn.skypack.dev/@nghinv/react-native-codepush-manage';
</script>

README

@nghinv/react-native-codepush-manage

Loading an overlay when running long tasks in the react-native application.


Version MIT License All Contributors

Installation

Installing the package

  • 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

How to use

Connect with Root Component

you can use withCodePush or CodePushProvider to wrapped Root component

Use withCodePush

  • Connect withCodePush with Root 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);

Use CodePushProvider

  • Wrapped CodePushProvider with Root Component
  import { CodePushProvider } from '@nghinv/react-native-codepush-manage';

  ....

  return (
    <CodePushProvider>
      <RootComponent />
    </CodePushProvider>
  )

Use AppVersion

  • 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

AppVersion property

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

StatusTitleStyle

Property Type Default Description
Updating String Updating
Installing String Installing
NeedToRestart String Need to restart

Credits