flutter dapp浏览器 dapp授权地址登录,余额

近几年区块链热度不减,其中dapp作为基于区块链技术的上层应用其重要性不言而喻.本文简单介绍一些dapp浏览器的flutter平台的具体实现

一、介绍
dapp浏览器时基于webview的基础版浏览器,用于dapp的地址授权,地址登录,地址余额查询等场景.

截屏2023-09-22 15.30.27.png

二、具体实现
为了方便调用将浏览器封装为package并上传.
1、安装插件

// dapp浏览器
web3_dapp_browser: ^1.0.2

2、引入插件

import 'package:web3_dapp_browser/web3_dapp_browser.dart';

3、声明必要的内容

// 控制器
late DappWebController _dappwebController;

// dapp对象
DappModel dapp = DappModel("https://img2.baidu.com/it/u=4094580296,2373583296&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500", "BSC");

DappModel包含两个属性: 分别表示该dapp的图标和名称

class DappModel {

  String id = "";
  String icon = "";
  String nameLang = "";

  DappModel(imageUrl,name){
    icon = imageUrl;
    nameLang = name;
  }
}

预览效果

截屏2023-09-22 15.42.13.png

4、具体的业务代码实现: DappWebPage

 child: DappWebPage(
                    dappViewController: _dappwebController,
                    onProgressChanged: (progress) {},
                    onConsoleMessage: (log) {
                      // print(log);
                    },
                     onLoadStop: () {},
                    address: "0x******************a1ac",
                    url: "https://uniswap.org",
                    privateKey: "4fa2cb0**************************9bde3b9481",
                    nodeAddress: "https://rpc.ankr.com/bsc",
                    dappModel: dapp,
                    selectChainName: "BSC")),

address: 地址
url: dapp
privateKey: 私钥

三、最终的预览效果

截屏2023-09-22 15.41.26.png