Flutter应用版本更新提示插件new_app_version_alert的使用

功能 #

轻松检查新版本并展示美观的弹窗提醒。

开始使用 #

要使用此插件，在你的 pubspec.yaml 文件中添加 new_app_version_alert 作为依赖。

使用方法 #

调用 NewVersionCheck.newVersionCheck 方法来检查新版本，并在需要时显示更新提示。

// 示例代码

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

class AppNewVersion extends StatefulWidget {
  const AppNewVersion({Key? key}) : super(key: key);

  [@override](/user/override)
  State<AppNewVersion> createState() => _AppNewVersionState();
}

class _AppNewVersionState extends State<AppNewVersion> {

  [@override](/user/override)
  void initState() {
    // 初始化状态时调用检查新版本的方法
    super.initState();
    NewVersionCheck.newVersionCheck(context, "com.example.android", "com.example.ios");
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    // 构建UI界面
    return Container();
  }
}

更多关于Flutter应用版本更新提示插件new_app_version_alert的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter应用版本更新提示插件new_app_version_alert的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


new_app_version_alert 是一个 Flutter 插件，用于在应用中检测新版本并提示用户更新。它通过比较当前应用的版本与远程服务器上的最新版本，来判断是否需要更新。如果检测到新版本，它会弹出一个对话框提示用户前往应用商店更新应用。

以下是使用 new_app_version_alert 插件的基本步骤：

1. 添加依赖

首先，在 pubspec.yaml 文件中添加 new_app_version_alert 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  new_app_version_alert: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来安装依赖。

2. 导入包

在需要使用版本更新提示的地方导入 new_app_version_alert 包：

import 'package:new_app_version_alert/new_app_version_alert.dart';

3. 配置版本检查

在应用的适当位置（例如 main.dart 中的 initState 或 build 方法），调用 NewAppVersionAlert.checkVersion 方法来检查新版本：

void checkForUpdate() async {
  final newAppVersionAlert = NewAppVersionAlert(
    // 应用的当前版本号
    currentVersion: '1.0.0',
    // 远程服务器上的最新版本号
    latestVersion: '1.1.0',
    // 应用商店的链接
    appStoreUrl: 'https://apps.apple.com/app/id123456789',
    playStoreUrl: 'https://play.google.com/store/apps/details?id=com.example.app',
    // 可选：自定义提示对话框的标题和内容
    dialogTitle: '新版本可用',
    dialogMessage: '请更新到最新版本以获得更好的体验。',
    // 可选：是否强制更新
    forceUpdate: false,
  );

  await newAppVersionAlert.checkVersion(context);
}

4. 调用检查方法

在应用的初始化或某个合适的时机调用 checkForUpdate 方法：

[@override](/user/override)
void initState() {
  super.initState();
  checkForUpdate();
}

5. 处理强制更新

如果设置了 forceUpdate: true，则用户必须更新应用才能继续使用。在这种情况下，对话框将不会提供“稍后更新”的选项。

6. 自定义对话框

你可以通过 dialogTitle 和 dialogMessage 参数来自定义提示对话框的标题和内容。

7. 处理不同平台

NewAppVersionAlert 会根据当前运行的平台（iOS 或 Android）自动选择合适的应用商店链接。

示例代码

以下是一个完整的示例代码：

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  void initState() {
    super.initState();
    checkForUpdate();
  }

  void checkForUpdate() async {
    final newAppVersionAlert = NewAppVersionAlert(
      currentVersion: '1.0.0',
      latestVersion: '1.1.0',
      appStoreUrl: 'https://apps.apple.com/app/id123456789',
      playStoreUrl: 'https://play.google.com/store/apps/details?id=com.example.app',
      dialogTitle: '新版本可用',
      dialogMessage: '请更新到最新版本以获得更好的体验。',
      forceUpdate: false,
    );

    await newAppVersionAlert.checkVersion(context);
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('版本更新提示'),
      ),
      body: Center(
        child: Text('欢迎使用本应用！'),
      ),
    );
  }
}
回到顶部