react-native-app-version-force-update

This project will check that app needs an update or not. It will do calculation based on version of App and will show a popup based on below 3 condition.
- App needs a force update
- App needs a update but with remind me later option
- App is updated

$3

##### react-native-device-info

This package has a dependency with react-native-device-info. If your project doesn't have a dependency with this package already, please refer to their installation instructions.

##### moment
This package has a dependency with moment. If your project doesn't have a dependency with this package already, please refer to their installation instructions.

``
$ npm install react-native-app-version-force-update --save
`

$3


`
import { checkForVersion } from 'react-native-app-version-force-update';

let options = {
"current_version": "2",
"release_note": "Today We have big app update, Please update app.",
"last_force_update_version": "1",
"release_date": "2019-12-31",
"app_url": appUrl,
"dateFormat":'DD-MM-YYYY',
}
checkForVersion(options);
`

#### Options

| Options | Usage | Required | Default Values |
| ------ | ------ | ------ | ------ |
| current_version | Current version of App | Yes | - |
| release_note | Message that you want to show on dialog | Yes |- |
| last_force_update_version | Last force update version | Yes |- |
| release_date | Latest release date of App | Yes |- |
| app_url | Platform specific app url | Yes |- |
| style | Custom styles for dialog and its components | Optional |- |
| dateFormat | Format of release date which will diaplay at top | Optional |DD-MM-YYYY hh:mm:ss |
| update_btn_name | Text for update button | Optional |Update App |
| remindMeLater_btn_name | Text for remind me later button | Optional |Remind Me Later |
| closeBtnCallback | callback function for close button | Optional |- |
| updateBtnCallback | callback function for update button | Optional |- |
| remindMeBtnCallback | callback function for remind me later button | Optional |- |


##### How to redesign style ?
We can pass the styles prop to cover default style. See Example below.
`
import { checkForVersion } from 'react-native-app-version-force-update';

const styleobj = {
titleText:{
color: 'rgba(255,255,255,0.8)',
},
closeIcon:{
tintColor:'white'
}
};
let options = {
"current_version": "2",
"release_note": "Today We have big app update, Please update app.",
"last_force_update_version": "1",
"release_date": "2019-12-31",
"app_url": Platform.OS === 'ios' ? iosUrl : androidUrl,
"dateFormat":'DD-MM-YYYY',
"style":styleobj,
}

checkForVersion(options);
``
##### Options for override style

| Style | Usage |
| ------ | ------ |
| modalContainer | Main container style |
| mainContainer | Content of dialog style|
| headerContainer | Header container style|
| titleContainer | Title container style inside header |
| titleText | Title text style |
| descText | Description text style |
| btnContainer | close button container style |
| closeIcon | close icon style |
| linkContainer | bottom button container style |
| updateBt | update button style |
| linkBtnUpdate | update button text style |
| linkBtnRemindMeLater | remind me button text style |

!Example check version popup