Flutter版本检查插件version_check的使用

version_check是一个用于检查iOS、Android和Mac应用商店中应用版本并提供更新提示的Flutter插件。以下是该插件的基本使用方法及一个完整的示例Demo。

使用方法

首先，你需要在你的项目中添加对version_check插件的依赖。打开pubspec.yaml文件，并在dependencies部分添加：

dependencies:
  version_check: ^最新版本号

然后，在你的Dart代码中导入并使用它：

import 'package:version_check/version_check.dart';

接下来，你可以创建一个VersionCheck实例，并调用其checkVersion方法来检查当前应用版本与商店中的版本是否一致。

示例代码

以下是一个完整的示例，展示了如何集成version_check到你的Flutter应用中。

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:version_check/version_check.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'version_check demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'version_check demo'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key, this.title}) : super(key: key);

  final String? title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String? version = '';
  String? storeVersion = '';
  String? storeUrl = '';
  String? packageName = '';

  final versionCheck = VersionCheck(
    packageName: Platform.isIOS ? 'com.tachyonfactory.iconFinder' : 'com.tachyonfactory.icon_finder',
    packageVersion: '1.0.1', // 设置为你应用的实际版本号
    showUpdateDialog: customShowUpdateDialog,
    country: 'kr', // 根据需要调整国家代码
  );

  Future<void> checkVersion() async {
    await versionCheck.checkVersion(context);

    setState(() {
      version = versionCheck.packageVersion;
      packageName = versionCheck.packageName;
      storeVersion = versionCheck.storeVersion;
      storeUrl = versionCheck.storeUrl;
    });
  }

  @override
  void initState() {
    super.initState();
    checkVersion();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title!),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text('packageVersion = $version'),
            Text('storeVersion = $storeVersion'),
            Text('storeUrl = $storeUrl'),
            Text('packageName = $packageName'),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        child: const Icon(Icons.store),
        onPressed: () async {
          await versionCheck.launchStore();
        },
      ),
    );
  }
}

void customShowUpdateDialog(BuildContext context, VersionCheck versionCheck) {
  showDialog(
    context: context,
    barrierDismissible: false,
    builder: (context) {
      return AlertDialog(
        title: const Text('NEW Update Available'),
        content: SingleChildScrollView(
          child: ListBody(
            children: [
              Text('Do you REALLY want to update to ${versionCheck.storeVersion}?'),
              Text('(current version ${versionCheck.packageVersion})'),
            ],
          ),
        ),
        actions: [
          TextButton(
            child: const Text('Update'),
            onPressed: () async {
              await versionCheck.launchStore();
            },
          ),
          TextButton(
            child: const Text('Close'),
            onPressed: () {
              Navigator.of(context).pop();
            },
          ),
        ],
      );
    },
  );
}

这个示例包括了一个自定义的更新对话框customShowUpdateDialog，当有新版本可用时会显示给用户。用户可以选择立即更新或关闭对话框稍后处理。