Flutter手写识别插件focus_hwrtc_plugin的使用

focus_hwrtc_plugin

focus_hwrtc_plugin

Getting Started

本项目是一个用于Flutter的插件包起点，它是一个专门的包，包含针对Android和/或iOS平台的特定实现代码。

对于如何开始使用Flutter，您可以查看我们的在线文档，其中提供了教程、示例、移动开发指南以及完整的API参考。

示例代码

以下是一个完整的示例代码，展示了如何在Flutter中使用focus_hwrtc_plugin插件。

示例代码文件：example/lib/main.dart

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

import 'package:flutter/services.dart';
import 'package:focus_hwrtc_plugin/focus_hwrtc_plugin.dart'; // 导入插件

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

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

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

class _MyAppState extends State<MyApp> {
  String _platformVersion = 'Unknown'; // 平台版本信息
  String btnActionTitle = 'HWRTC'; // 按钮文本
  var testPlugin; // 测试插件实例

  @override
  void initState() {
    super.initState();
    initPlatformState(); // 初始化平台状态
  }

  // 异步初始化平台状态
  Future<void> initPlatformState() async {
    String platformVersion;
    try {
      // 获取平台版本（注释掉，因为此示例未实际调用）
      // platformVersion = await FocusHwrtcPlugin.platformVersion ?? 'Unknown platform version';
    } on PlatformException {
      platformVersion = 'Failed to get platform version.';
    }

    if (!mounted) return; // 如果组件已被卸载，则不更新UI

    setState(() {
      // _platformVersion = platformVersion; // 更新UI
    });
  }

  @override
  Widget build(BuildContext context) {
    TestView testView = TestView(
      onCreated: onTestViewCreated, // 设置TestView的回调
    );

    return MaterialApp(
      debugShowCheckedModeBanner: false, // 去掉调试标志
      home: Scaffold(
        appBar: AppBar(
          title: const Text('HWRTC Plugin'), // 设置标题
        ),
        body: Column(
          children: [
            // 显示测试视图
            Container(
              height: 300,
              width: double.infinity,
              child: testView,
            ),
            // 滚动视图
            Expanded(
              child: SingleChildScrollView(
                physics: const BouncingScrollPhysics(), // 使用回弹效果
                child: Column(
                  children: [
                    // 显示选项卡
                    SizedBox(
                      width: double.infinity,
                      height: 600,
                      child: DefaultTabController(
                        length: choices.length,
                        child: Scaffold(
                          backgroundColor: Colors.black,
                          appBar: TabBar(
                            unselectedLabelColor: Colors.grey, // 未选中标签颜色
                            labelColor: Colors.blueAccent, // 选中标签颜色
                            isScrollable: true, // 支持滚动
                            tabs: choices.map((Choice choice) {
                              return Tab(
                                text: choice.title, // 标签文本
                                icon: Icon(choice.icon), // 图标
                              );
                            }).toList(),
                          ),
                          body: TabBarView(
                            children: choices.map((Choice choice) {
                              return Padding(
                                padding: const EdgeInsets.all(16.0),
                                child: ChoiceCard(
                                    key: const Key('1'), choice: choice), // 显示选项卡内容
                              );
                            }).toList(),
                          ),
                        ),
                      ),
                    ),
                    // 按钮
                    Container(
                      margin: EdgeInsets.only(top: 10, bottom: 10),
                      child: FloatingActionButton(
                        child: Text('HWRTC'), // 按钮文本
                        onPressed: onNativeMethon, // 点击事件
                      ),
                    )
                  ],
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  // 测试视图创建回调
  void onTestViewCreated(testPlugin) {
    this.testPlugin = testPlugin; // 保存插件实例
  }

  // 原生回调处理
  void nativeCallback(str) {
    this.btnActionTitle = str; // 更新按钮文本
  }

  // 调用原生方法
  void onNativeMethon() {
    this.testPlugin.changeNativeTitle('Flutter 调用原生成功了'); // 修改原生标题
  }
}

// 定义选项
class Choice {
  const Choice({required this.title, required this.icon});
  final String title;
  final IconData icon;
}

// 选项列表
const List<Choice> choices = [
  Choice(title: 'CAR', icon: Icons.directions_car),
  Choice(title: 'BICYCLE', icon: Icons.directions_bike),
  Choice(title: 'BOAT', icon: Icons.directions_boat),
  Choice(title: 'BUS', icon: Icons.directions_bus),
  Choice(title: 'TRAIN', icon: Icons.directions_railway),
  Choice(title: 'WALK', icon: Icons.directions_walk),
];

// 选项卡内容
class ChoiceCard extends StatelessWidget {
  const ChoiceCard({required Key key, required this.choice}) : super(key: key);

  final Choice choice;

  @override
  Widget build(BuildContext context) {
    final TextStyle textStyle = Theme.of(context).textTheme.bodyText1!;

    return Card(
      color: Colors.white,
      child: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            Icon(choice.icon, size: 32.0, color: textStyle.color), // 显示图标
            Text(choice.title, style: textStyle), // 显示标题
          ],
        ),
      ),
    );
  }
}

说明

1. 导入插件：首先需要在pubspec.yaml中添加依赖项：

   dependencies:
     focus_hwrtc_plugin: ^版本号