Flutter NFC通信插件smack_nfc_flutter的使用

本文将详细介绍如何在Flutter项目中使用smack_nfc_flutter插件进行NFC通信。通过以下步骤和示例代码，您可以快速上手并实现基本功能。

使用步骤

1. 添加依赖

首先，在您的pubspec.yaml文件中添加smack_nfc_flutter依赖：

dependencies:
  smack_nfc_flutter: ^0.0.1

然后运行以下命令以更新依赖：

flutter pub get

2. 初始化插件

在您的Flutter项目中初始化smack_nfc_flutter插件。通常可以在main.dart文件中完成初始化。

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: NFCPage(),
    );
  }
}

3. 实现NFC读写功能

接下来，我们将在一个页面中实现NFC标签的读取和写入功能。

创建NFC页面

创建一个名为NFCPage的页面，用于处理NFC相关的逻辑。

class NFCPage extends StatefulWidget {
  @override
  _NFCPageState createState() => _NFCPageState();
}

class _NFCPageState extends State<NFCPage> {
  String _nfcMessage = "未检测到NFC数据"; // NFC读取到的消息
  bool _isNFCEnabled = false; // NFC是否可用

  @override
  void initState() {
    super.initState();
    checkNFCStatus(); // 检查设备是否支持NFC
  }

  // 检查设备是否支持NFC
  Future<void> checkNFCStatus() async {
    final status = await SmackNfcFlutter.isNFCAvailable();
    setState(() {
      _isNFCEnabled = status;
    });
  }

  // 读取NFC标签
  Future<void> readNFC() async {
    try {
      final message = await SmackNfcFlutter.readTag();
      setState(() {
        _nfcMessage = message ?? "读取失败";
      });
    } catch (e) {
      setState(() {
        _nfcMessage = "读取错误: $e";
      });
    }
  }

  // 写入NFC标签
  Future<void> writeNFC() async {
    try {
      await SmackNfcFlutter.writeTag("Hello NFC");
      setState(() {
        _nfcMessage = "写入成功";
      });
    } catch (e) {
      setState(() {
        _nfcMessage = "写入错误: $e";
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("NFC通信示例"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(_nfcMessage),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _isNFCEnabled ? readNFC : null,
              child: Text("读取NFC"),
            ),
            SizedBox(height: 10),
            ElevatedButton(
              onPressed: _isNFCEnabled ? writeNFC : null,
              child: Text("写入NFC"),
            ),
          ],
        ),
      ),
    );
  }
}

4. 运行应用

确保您的设备或模拟器支持NFC功能，并启用NFC。运行应用后，点击按钮即可执行相应的操作。

功能说明

• 读取NFC：当设备靠近带有NFC标签的对象时，会读取标签上的数据。
• 写入NFC：将指定的消息写入NFC标签。

完整示例代码

以下是完整的代码示例：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: NFCPage(),
    );
  }
}

class NFCPage extends StatefulWidget {
  @override
  _NFCPageState createState() => _NFCPageState();
}

class _NFCPageState extends State<NFCPage> {
  String _nfcMessage = "未检测到NFC数据";
  bool _isNFCEnabled = false;

  @override
  void initState() {
    super.initState();
    checkNFCStatus();
  }

  Future<void> checkNFCStatus() async {
    final status = await SmackNfcFlutter.isNFCAvailable();
    setState(() {
      _isNFCEnabled = status;
    });
  }

  Future<void> readNFC() async {
    try {
      final message = await SmackNfcFlutter.readTag();
      setState(() {
        _nfcMessage = message ?? "读取失败";
      });
    } catch (e) {
      setState(() {
        _nfcMessage = "读取错误: $e";
      });
    }
  }

  Future<void> writeNFC() async {
    try {
      await SmackNfcFlutter.writeTag("Hello NFC");
      setState(() {
        _nfcMessage = "写入成功";
      });
    } catch (e) {
      setState(() {
        _nfcMessage = "写入错误: $e";
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("NFC通信示例"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(_nfcMessage),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _isNFCEnabled ? readNFC : null,
              child: Text("读取NFC"),
            ),
            SizedBox(height: 10),
            ElevatedButton(
              onPressed: _isNFCEnabled ? writeNFC : null,
              child: Text("写入NFC"),
            ),
          ],
        ),
      ),
    );
  }
}

注意事项

1. 权限配置：
   • 在AndroidManifest.xml中添加NFC权限：

     <uses-permission android:name="android.permission.NFC" />
     <uses-feature android:name="android.hardware.nfc" android:required="true" />

   • 在Info.plist中添加NFC权限（iOS）：

     <key>NFCReaderUsageDescription</key>
     <string>需要访问NFC功能</string>