在 Flutter 应用中集成 Kraken

在这里，我们设定环境中已经完全安装 Kraken 指定的 Flutter 版本客户端集成 - 图1，并且 flutter doctor 检测全部通过。

使用下面的命令创建一个新的 Flutter App

  1. flutter create myappcd myapp

连接 Android 或者 iOS 手机，确保使用 flutter devices 可以看到已经连接的设备：

  1. flutter devices1 connected devices:
  2. HWI TL00 (mobile) • 77P5T18126000120 • android-arm64 • Android 9 (API 28)

打开 pubspec.yaml 文件，然后在 dependencies 下面添加 kraken 的依赖。

  1. dependencies:  kraken: '>= 0.0.1' # 会安装最新的 kraken 依赖

然后执行下面的命令自动安装依赖：

  1. flutter pub get

在国内可能会出现安装失败的情况，如果安装失败，可以参考链接内容使用国内镜像：https://flutter.cn/community/china客户端集成 - 图2

打开 lib/main.dart，然后粘贴如下代码：

  1. import 'package:flutter/material.dart';import 'package:kraken/kraken.dart';
  2. void main() {  runApp(MyApp());}
  3. class MyApp extends StatelessWidget {  // This widget is the root of your application.  @override  Widget build(BuildContext context) {    Kraken kraken = Kraken(bundleURL: 'https://raw.githubusercontent.com/openkraken/kraken/master/kraken/example/assets/bundle.js');
  4.     return MaterialApp(      title: 'Flutter Demo',      theme: ThemeData(        primarySwatch: Colors.blue,        visualDensity: VisualDensity.adaptivePlatformDensity,      ),      home: kraken    );  }}

然后再执行 flutter run 就可以运行了。