Flutter Web3交互插件flutter_injected_web3的使用

当然，下面是一个关于如何在Flutter项目中使用flutter_injected_web3插件与Web3进行交互的代码案例。这个插件允许Flutter应用与已经注入MetaMask等Web3钱包的浏览器进行交互。

首先，确保你的Flutter环境已经设置好，并且已经添加了flutter_injected_web3依赖到你的pubspec.yaml文件中：

dependencies:
  flutter:
    sdk: flutter
  flutter_injected_web3: ^x.y.z  # 请替换为最新版本号

然后运行flutter pub get来安装依赖。

接下来是一个简单的Flutter应用示例，它展示了如何使用flutter_injected_web3插件来请求账户信息并读取一个智能合约的数据。

import 'package:flutter/material.dart';
import 'package:flutter_web3/flutter_web3.dart';
import 'package:flutter_injected_web3/flutter_injected_web3.dart';
import 'dart:convert';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Web3 Interaction',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String? accountAddress;
  String? contractData;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Web3 Interaction'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              'Account Address:',
              style: TextStyle(fontSize: 18),
            ),
            SizedBox(height: 8),
            Text(
              accountAddress ?? 'Not connected',
              style: TextStyle(fontSize: 16),
            ),
            SizedBox(height: 24),
            Text(
              'Contract Data:',
              style: TextStyle(fontSize: 18),
            ),
            SizedBox(height: 8),
            Text(
              contractData ?? 'Not fetched',
              style: TextStyle(fontSize: 16),
            ),
            SizedBox(height: 24),
            ElevatedButton(
              onPressed: _requestAccount,
              child: Text('Request Account'),
            ),
            SizedBox(height: 16),
            ElevatedButton(
              onPressed: _fetchContractData,
              child: Text('Fetch Contract Data'),
            ),
          ],
        ),
      ),
    );
  }

  Future<void> _requestAccount() async {
    final injectedWeb3 = FlutterInjectedWeb3();

    try {
      final accounts = await injectedWeb3.requestAccounts();
      setState(() {
        accountAddress = accounts.isNotEmpty ? accounts.first : null;
      });
    } catch (e) {
      print('Error requesting account: $e');
    }
  }

  Future<void> _fetchContractData() async {
    final injectedWeb3 = FlutterInjectedWeb3();
    final contractAddress = 'YOUR_CONTRACT_ADDRESS'; // 替换为你的智能合约地址
    final abi = jsonDecode('''
      // 替换为你的智能合约的ABI
      [
        // ABI内容
      ]
    ''');

    try {
      final ethClient = injectedWeb3.makeWeb3Client();
      final contract = Contract(ethClient, ContractAddress.fromHex(contractAddress), abi);
      final data = await contract.call('YOUR_FUNCTION_NAME', [], options: CallOptions(block: 'latest'));
      setState(() {
        contractData = data.toString();
      });
    } catch (e) {
      print('Error fetching contract data: $e');
    }
  }
}

在这个示例中：

1. _requestAccount方法使用FlutterInjectedWeb3实例请求用户账户。
2. _fetchContractData方法使用用户的账户信息和智能合约的ABI（应用程序二进制接口）来调用智能合约的函数并获取数据。

请注意：

• 你需要将YOUR_CONTRACT_ADDRESS替换为你的智能合约的实际地址。
• 你需要将ABI内容替换为你的智能合约的ABI。
• 你需要将YOUR_FUNCTION_NAME替换为你想调用的智能合约函数的名字。

这个示例仅展示了基本的交互，实际应用中可能需要更多的错误处理和用户交互逻辑。