近幾年區(qū)塊鏈熱度不減,其中dapp作為基于區(qū)塊鏈技術(shù)的上層應(yīng)用其重要性不言而喻.本文簡單介紹一些dapp瀏覽器的flutter平臺的具體實現(xiàn)

一、介紹
dapp瀏覽器時基于webview的基礎(chǔ)版瀏覽器,用于dapp的地址授權(quán),地址登錄,地址余額查詢等場景.

截屏2023-09-22 15.30.27.png

二、具體實現(xiàn)
為了方便調(diào)用將瀏覽器封裝為package并上傳.
1、安裝插件

// dapp瀏覽器
web3_dapp_browser: ^1.0.2

2、引入插件

import 'package:web3_dapp_browser/web3_dapp_browser.dart';

3、聲明必要的內(nèi)容

// 控制器
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的圖標(biāo)和名稱

class DappModel {

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

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

預(yù)覽效果

截屏2023-09-22 15.42.13.png

4、具體的業(yè)務(wù)代碼實現(xiàn): 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: 私鑰

三、最終的預(yù)覽效果

截屏2023-09-22 15.41.26.png