@nghinv/react-native-codepush-manage
    TypeScript icon, indicating that this package has built-in type declarations

    1.1.1 • Public • Published

    @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

    Install

    npm i @nghinv/react-native-codepush-manage

    DownloadsWeekly Downloads

    10

    Version

    1.1.1

    License

    MIT

    Unpacked Size

    96.1 kB

    Total Files

    13

    Last publish

    Collaborators

    • nghinv