Flutter动画效果插件dot_flutter的使用

dot_flutter 是一个用于Wisetracker SDK的Flutter插件。它允许开发者在Flutter应用中集成Wisetracker SDK的功能。

支持平台

• Android
• iOS 9.3+

开始使用

要开始使用 dot_flutter，请访问Wisetracker的文档指南网站：

Wisetracker 文档网站

示例源码

示例源码可以在以下GitHub仓库中找到：

示例_flutter

示例代码

以下是使用 dot_flutter 插件的完整示例代码：

import 'package:flutter/material.dart';
import 'package:flutter_linkify/flutter_linkify.dart';
import 'package:url_launcher/url_launcher.dart';
import 'package:dot_flutter/dot_flutter.dart';
import 'package:flutter/services.dart';
import 'home_screen.dart';
import 'router_service.dart';
import 'screen1.dart';
import 'screen2.dart';
import 'screen3.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized(); // 初始化绑定检查

  final RouterService routerService = RouterService();
  runApp(MyApp(routerService: routerService));
}

class MyApp extends StatelessWidget {
  // 创建Wisetracker的延迟链接通道
  static const MethodChannel __deferredLinkOfWisetracker = MethodChannel('dot');

  final RouterService routerService;

  MyApp({required this.routerService});

  @override
  Widget build(BuildContext context) {
    // 设置方法调用处理器
    __deferredLinkOfWisetracker.setMethodCallHandler((call) async {
      if (call.method == 'deferredLink') { 
         // 处理传递的参数，根据参数进行页面跳转
         print("call.arguments " + call.arguments); 
      }
    });
    
    return MaterialApp(
      title: 'Flutter App',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      onGenerateRoute: RouterService.generateRoute,
      initialRoute: '/',
      home: HomeScreen(),
      navigatorObservers: [
        routerService,
        _DeepLinkNavigatorObserver(),
      ],
    );
  }
}

class _DeepLinkNavigatorObserver extends NavigatorObserver {
  @override
  void didPush(Route<dynamic> route, Route<dynamic>? previousRoute) {
    super.didPush(route, previousRoute);
    _handleDeepLink(route.settings.name);
  }

  void _handleDeepLink(String? routeName) {
    if (routeName == '/deeplink') {
      // 处理深度链接
      print('Received deep link!');
    }
  }
}

代码说明

1. 初始化:

   WidgetsFlutterBinding.ensureInitialized();
   

   确保在应用程序启动时初始化Flutter框架。

2. 创建Wisetracker的延迟链接通道:

   static const MethodChannel __deferredLinkOfWisetracker = MethodChannel('dot');
   

3. 设置方法调用处理器:

   __deferredLinkOfWisetracker.setMethodCallHandler((call) async {
     if (call.method == 'deferredLink') { 
       print("call.arguments " + call.arguments); 
     }
   });
   

   这段代码设置了处理Wisetracker发送的方法调用。当接收到deferredLink调用时，会打印出参数。

4. MaterialApp配置:

   return MaterialApp(
     title: 'Flutter App',
     theme: ThemeData(
       primarySwatch: Colors.blue,
     ),
     onGenerateRoute: RouterService.generateRoute,
     initialRoute: '/',
     home: HomeScreen(),
     navigatorObservers: [
       routerService,
       _DeepLinkNavigatorObserver(),
     ],
   );
   

   配置了应用程序的基本属性，包括主题、初始路由等，并添加了一个导航观察者来处理深度链接。

5. 深度链接导航观察者:

   class _DeepLinkNavigatorObserver extends NavigatorObserver {
     @override
     void didPush(Route<dynamic> route, Route<dynamic>? previousRoute) {
       super.didPush(route, previousRoute);
       _handleDeepLink(route.settings.name);
     }
   
     void _handleDeepLink(String? routeName) {
       if (routeName == '/deeplink') {
         print('Received deep link!');
       }
     }
   }