Flutter深度链接处理插件deeplink_connect的使用

Flutter深度链接处理插件deeplink_connect的使用

开始使用

本项目是一个新的Flutter插件项目，旨在为Android和/或iOS平台提供特定的实现代码。此插件名为deeplink_connect，用于处理深度链接。

示例代码

以下是一个完整的示例代码，展示了如何在Flutter应用中使用deeplink_connect插件来处理深度链接。

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

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

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // 用于存储深度链接响应信息
  String _deepLinkResponse = 'No response';
  
  // 初始化deeplink_connect实例
  final DeeplinkConnect _deeplinkConnect = DeeplinkConnect();

  @override
  void initState() {
    super.initState();
    // 初始化深度链接响应监听器
    _initDeepLinkResponseListener();
  }

  @override
  void dispose() {
    // 关闭deeplink_connect连接
    _deeplinkConnect.close();
    super.dispose();
  }

  // 初始化深度链接响应监听器
  void _initDeepLinkResponseListener() {
    _deeplinkConnect.onDeepLinkResponse?.listen((response) {
      setState(() {
        _deepLinkResponse = response;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              const SizedBox(height: 20),
              // 显示深度链接响应信息
              Text('深度链接响应: $_deepLinkResponse'),
            ],
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () async {
            // 构建URI字符串
            String uriString = DeeplinkPayment.build(
              authority: "pay",
              scheme: "payment-app",
              returnScheme: "return-pdv",
              amount: 1000,
              transactionType: TransactionType.credit,
            ).getUri();

            // 发送深度链接请求
            await _deeplinkConnect.send(uriString);
          },
          tooltip: '支付',
          child: const Icon(Icons.payment),
        ),
      ),
    );
  }
}

代码解释

1. 导入依赖

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

2. 初始化应用

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

3. 定义主应用状态类

   class MyApp extends StatefulWidget {
     const MyApp({super.key});
   
     @override
     State<MyApp> createState() => _MyAppState();
   }
   

4. 定义应用状态

   class _MyAppState extends State<MyApp> {
     String _deepLinkResponse = 'No response'; // 存储深度链接响应信息
     final DeeplinkConnect _deeplinkConnect = DeeplinkConnect(); // 初始化deeplink_connect实例
   
     @override
     void initState() {
       super.initState();
       _initDeepLinkResponseListener(); // 初始化深度链接响应监听器
     }
   
     @override
     void dispose() {
       _deeplinkConnect.close(); // 关闭deeplink_connect连接
       super.dispose();
     }
   
     // 初始化深度链接响应监听器
     void _initDeepLinkResponseListener() {
       _deeplinkConnect.onDeepLinkResponse?.listen((response) {
         setState(() {
           _deepLinkResponse = response;
         });
       });
     }
   
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         home: Scaffold(
           appBar: AppBar(
             title: const Text('插件示例应用'),
           ),
           body: Center(
             child: Column(
               mainAxisAlignment: MainAxisAlignment.center,
               children: [
                 const SizedBox(height: 20),
                 // 显示深度链接响应信息
                 Text('深度链接响应: $_deepLinkResponse'),
               ],
             ),
           ),
           floatingActionButton: FloatingActionButton(
             onPressed: () async {
               // 构建URI字符串
               String uriString = DeeplinkPayment.build(
                 authority: "pay",
                 scheme: "payment-app",
                 returnScheme: "return-pdv",
                 amount: 1000,
                 transactionType: TransactionType.credit,
               ).getUri();
   
               // 发送深度链接请求
               await _deeplinkConnect.send(uriString);
             },
             tooltip: '支付',
             child: const Icon(Icons.payment),
           ),
         ),
       );
     }
   }