import React, { Component } from 'react'; import { Platform, StyleSheet, Text, View, Image, Dimensions, TouchableOpacity, ImageBackground, } from 'react-native'; //引用插件 import Package from './package.json' import HttpUtils from './HttpUtils.js'; import CodePush from "react-native-code-push"; import DeviceInfo from "react-native-device-info"; // 取得屏幕的宽高Dimensions const { width, height } = Dimensions.get('window'); export default class MyPage extends Component { constructor(props) { super(props); this.state = { text:'', qrcode:[], restartAllowed: true , syncMessage: "syncMessage" , progress: false, macAddress: "NULL" }; DeviceInfo.getMACAddress().then(mac=>{this.setState({macAddress:mac})}) DeviceInfo.getIPAddress().then(mac=>{this.setState({macAddress:mac})}) } // 监听更新状态 codePushStatusDidChange(syncStatus) { switch(syncStatus) { case CodePush.SyncStatus.CHECKING_FOR_UPDATE: this.setState({ syncMessage: "Checking for update." }); break; case CodePush.SyncStatus.DOWNLOADING_PACKAGE: this.setState({ syncMessage: "Downloading package." }); break; case CodePush.SyncStatus.AWAITING_USER_ACTION: this.setState({ syncMessage: "Awaiting user action." }); break; case CodePush.SyncStatus.INSTALLING_UPDATE: this.setState({ syncMessage: "Installing update." }); break; case CodePush.SyncStatus.UP_TO_DATE: this.setState({ syncMessage: "App up to date.", progress: false }); break; case CodePush.SyncStatus.UPDATE_IGNORED: this.setState({ syncMessage: "Update cancelled by user.", progress: false }); break; case CodePush.SyncStatus.UPDATE_INSTALLED: this.setState({ syncMessage: "Update installed and will be applied on restart.", progress: false }); break; case CodePush.SyncStatus.UNKNOWN_ERROR: this.setState({ syncMessage: "An unknown error occurred.", progress: false }); break; } } codePushDownloadDidProgress(progress) { this.setState({ progress }); } // 允许重启后更新 toggleAllowRestart() { this.state.restartAllowed ? CodePush.disallowRestart() : CodePush.allowRestart(); this.setState({ restartAllowed: !this.state.restartAllowed }); } // 获取更新数据 getUpdateMetadata() { CodePush.getUpdateMetadata(CodePush.UpdateState.RUNNING) .then((metadata: LocalPackage) => { this.setState({ syncMessage: metadata ? JSON.stringify(metadata) : "Running binary version", progress: false }); }, (error: any) => { this.setState({ syncMessage: "Error: " + error, progress: false }); }); } /** Update is downloaded silently, and applied on restart (recommended) 自动更新,一键操作 */ sync() { CodePush.sync( {}, this.codePushStatusDidChange.bind(this), this.codePushDownloadDidProgress.bind(this) ); } /** Update pops a confirmation dialog, and then immediately reboots the app 一键更新,加入的配置项 */ syncImmediate() { CodePush.sync( { installMode: CodePush.InstallMode.IMMEDIATE, updateDialog: true }, this.codePushStatusDidChange.bind(this), this.codePushDownloadDidProgress.bind(this) ); } getBaseInfo() { HttpUtils.get('https://mall.youlane.cn/api/wxDeviceScreenAd/list?deviceId=11%3AAA%3A33%3ABB%3A44&pageNum=1&pageSize=5') .then(result => { this.setState({ text: JSON.stringify, qrcode: result.data.list[0].qrcode}); }) .catch(error => console.error(error)) } componentDidMount() { this.getBaseInfo() } render() { let progressView; if (this.state.progress) { progressView = ( {this.state.progress.receivedBytes} of {this.state.progress.totalBytes} bytes received ); } return ( ); } } const styles = StyleSheet.create({ container:{ flex: 1, paddingLeft: 16, paddingRight: 16 }, title:{ flex: 6, flexDirection: 'row', alignItems: 'center', backgroundColor:'transparent' }, content:{ flex: 18, flexDirection: 'column', alignItems: 'center', backgroundColor:'transparent' }, bottom:{ flex: 2, flexDirection: 'row', alignItems: 'center', backgroundColor:'transparent' }, titleImagePlace: { flex: 2, alignItems: 'center', backgroundColor:'transparent' }, titleImage: { flex: 1, alignItems:'center', backgroundColor:'transparent' }, titleQrcode: { flex: 1, backgroundColor:'transparent' }, bottomLogo: { flex: 2, alignItems: 'center', backgroundColor:'transparent' }, bottomQrcode1: { flex: 1, alignItems: 'center', backgroundColor:'transparent' }, bottomQrcode2: { flex: 1, alignItems: 'center', backgroundColor:'transparent' }, bottomPlacehold: { flex: 6, alignItems: 'center', backgroundColor:'transparent' } });