Flutter金融集成插件fintoc的使用

Flutter金融集成插件fintoc的使用

安装

安装使用flutter：

flutter pub add fintoc

安装使用dart：

dart pub add fintoc

这将会在你的包的pubspec.yaml文件中添加如下一行（并运行隐式的dart pub get）：

dependencies:
  fintoc: ^1.0.0

使用

Fintoc Flutter导出了一个名为FintocWidgetView的组件。这是一个Flutter组件，用于创建与原生WebView文档相同的WebView。要使用Fintoc Flutter，请使用以下代码片段：

import 'package:fintoc/fintoc.dart';

获取到FintocWidgetView组件后，你可以实例化该组件：

final options = { /* 参数对象 */ };

final handlers = { /* 处理程序对象 */ };

void onSuccess(String data) {
  debugPrint('onSuccess from FintocWidgetView: $data');
}

void onExit(String data) {
  debugPrint('onExit from FintocWidgetView: $data');
}

void onError(dynamic error) {
  debugPrint('onError from FintocWidgetView: $error');
}

void onEvent(String eventName) {
  debugPrint('onEvent from FintocWidgetView: $eventName');
  // 事件名称: opened, payment_error, closed 等等
}

return Column(
  mainAxisAlignment: MainAxisAlignment.spaceAround,
  crossAxisAlignment: CrossAxisAlignment.center,
  children: [
    Expanded(
      child: FintocWidgetView(
        options: options,
        handlers: handlers,
      ),
    ),
  ],
);

在这里，options对应于由该组件接收的参数对象（你可以阅读更多关于这些参数的信息这里），而onSuccess、onEvent 和 onExit 对应于详细说明的WebView重定向这里。

示例代码

以下是完整的示例代码：

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

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(const MyApp());
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        backgroundColor: Colors.grey.shade200,
        body: const MyHomePage(
          title: 'Plugin Demo',
        ),
      ),
    );
  }
}

class MyHomePage extends StatefulWidget {
  final String title;

  MyHomePage({required this.title});

  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final options = { /* 参数对象 */ };
  final handlers = { /* 处理程序对象 */ };

  void onSuccess(String data) {
    debugPrint('onSuccess from FintocWidgetView: $data');
  }

  void onExit(String data) {
    debugPrint('onExit from FintocWidgetView: $data');
  }

  void onError(dynamic error) {
    debugPrint('onError from FintocWidgetView: $error');
  }

  void onEvent(String eventName) {
    debugPrint('onEvent from FintocWidgetView: $eventName');
    // 事件名称: opened, payment_error, closed 等等
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.spaceAround,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        Expanded(
          child: FintocWidgetView(
            options: options,
            handlers: handlers,
            onSuccess: onSuccess,
            onExit: onExit,
            onError: onError,
            onEvent: onEvent,
          ),
        ),
      ],
    );
  }
}