Flutter NFC功能插件acs_nfc的使用

Flutter NFC功能插件acs_nfc的使用

acs_nfc

这是一个新的Flutter插件项目。

库Pub链接

https://pub.dev/packages/acs_nfc/

入门指南

1. 导入库：

   import 'package:acs_nfc/acs_nfc.dart';
   

2. 打开连接：

   await AcsNfc.openConnection(ip: '192.168.137.1', port: '8001');
   

3. 监听连接状态：

   AcsNfc.connectionStatusStream.receiveBroadcastStream().listen(nfcConnectionStatus);
   

4. 监听NFC数据：

   AcsNfc.nfcDataStream.receiveBroadcastStream().listen(nfcData);
   

5. 数据格式为：

   {"nfcBytes":"","nfcId":""}
   

示例代码

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

import 'package:flutter/services.dart';
import 'package:acs_nfc/acs_nfc.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  [@override](/user/override)
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _platformVersion = 'Unknown';

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 异步平台消息初始化
  Future<void> initPlatformState() async {
    String platformVersion;
    // 平台消息可能失败，因此我们使用try/catch处理PlatformException。
    try {
      platformVersion = await AcsNfc.platformVersion;
    } on PlatformException {
      platformVersion = 'Failed to get platform version.';
    }
    
    // 监听连接状态
    AcsNfc.connectionStatusStream
        .receiveBroadcastStream()
        .listen(nfcConnectionStatus);

    // 打开连接
    await AcsNfc.openConnection(ip: '192.168.137.1', port: '8001');
    
    // 监听NFC数据
    AcsNfc.nfcDataStream.receiveBroadcastStream().listen(nfcData);

    // 如果在异步平台消息飞行时小部件从树中移除，则我们想要丢弃回复而不是调用setState来更新我们的不存在的外观。
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  bool isMNVRConnected = false;
  void nfcConnectionStatus(dynamic isConnected) {
    setState(() {
      isMNVRConnected = isConnected as bool;
    });
  }

  List<String> nfcTags = [];
  void nfcData(dynamic nfcJsonData) {
    print('=========================================');
    print(nfcJsonData);
    setState(() {
      nfcTags.add(nfcJsonData as String);
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Column(
            children: [
              Text('运行在: $_platformVersion\n'),
              Text(
                'MNVR连接状态: $isMNVRConnected',
                style: TextStyle(
                  color: Colors.purple,
                  fontSize: 28,
                ),
              ),
              Text(
                'ip: 192.168.137.1, port: 8001',
                style: TextStyle(
                  color: Colors.blueAccent,
                  fontSize: 28,
                ),
              ),
              Text(
                '通过SIM卡连接MNVR',
                style: TextStyle(
                  color: Colors.white,
                  backgroundColor: Colors.black,
                  fontSize: 20,
                ),
              ),
              Text(
                'adb tcpip 5555',
                style: TextStyle(
                  color: Colors.white,
                  backgroundColor: Colors.black,
                  fontSize: 20,
                ),
              ),
              Text(
                'adb connect 192.168.16.100:5555',
                style: TextStyle(
                  color: Colors.white,
                  backgroundColor: Colors.black,
                  fontSize: 20,
                ),
              ),
              Text(
                '\n连接到Wi-Fi路由器: 192.168.16.254\n点击HiLink图标 > 操作模式 > 网关为SIM卡，不是AP客户端（Wi-Fi）',
                textAlign: TextAlign.center,
                style: TextStyle(
                  color: Colors.white,
                  backgroundColor: Colors.green.shade900,
                  fontSize: 20,
                ),
              ),
              ...nfcTags.map((text) => Text('NFC标签: $text')),
            ],
          ),
        ),
      ),
    );
  }
}