近几年区块链热度不减,其中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
