Flutter核心功能扩展插件reown_core的使用

Flutter核心功能扩展插件reown_core的使用

Reown 是一个基于 WalletConnect 网络构建的链上用户体验平台。它提供了工具包，使开发者能够创建链上的用户交互体验，这些体验让数字所有权变得轻松、直观且安全。

安装

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

dependencies:
  reown_core: ^1.0.0

然后运行 flutter pub get 来获取该依赖。

初始化

在使用 reown_core 插件之前，你需要初始化它。通常，这会在应用程序启动时完成。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    // 初始化 Reown
    ReownCore.init(apiKey: "your_api_key_here");

    return MaterialApp(
      title: 'Reown Core Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

使用 Reown 进行连接钱包

reown_core 提供了方便的方法来连接到用户的钱包。下面是一个简单的示例：

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

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

class _MyHomePageState extends State<MyHomePage> {

  // 存储当前连接的钱包地址
  String walletAddress = '';

  // 连接钱包
  void connectWallet() async {
    final address = await ReownCore.connectWallet();
    setState(() {
      walletAddress = address ?? 'Failed to connect';
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Reown Core Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: connectWallet,
              child: Text('Connect Wallet'),
            ),
            SizedBox(height: 20),
            Text(walletAddress),
          ],
        ),
      ),
    );
  }
}

在这个示例中，我们创建了一个按钮，当点击时会调用 connectWallet 方法。此方法通过 WalletConnect 协议连接到用户的钱包，并返回钱包地址。如果连接失败，则返回错误信息。

获取链上数据

除了连接钱包，你还可以使用 reown_core 获取链上的数据。例如，你可以查询某个合约的余额或状态。

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

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

class _ContractDataPageState extends State<ContractDataPage> {

  // 存储合约数据
  String contractData = '';

  // 获取合约数据
  void fetchContractData() async {
    final data = await ReownCore.getContractData(contractAddress: "0xYourContractAddressHere");
    setState(() {
      contractData = data ?? 'Failed to fetch data';
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Contract Data'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: fetchContractData,
              child: Text('Fetch Contract Data'),
            ),
            SizedBox(height: 20),
            Text(contractData),
          ],
        ),
      ),
    );
  }
}