Flutter高仿微信-第19篇-支付-我的零钱
创始人
2024-02-11 00:24:03
0

 Flutter高仿微信系列共59篇,从Flutter客户端、Kotlin客户端、Web服务器、数据库表结构、Xmpp即时通讯服务器、视频通话服务器、腾讯云服务器全面讲解。

详情请查看

效果图:

实现代码:

/*** Author : wangning* Email : maoning20080809@163.com* Date : 2022/10/25 23:26* Description : 我的零钱*/class SmallChange extends StatefulWidget {@overrideState createState() => _SmallChangeState();}class _SmallChangeState extends State {UserBean? _userBean;@overridevoid initState() {super.initState();_initUser();}void _initUser() async {String account = SpUtils.getAccount();_userBean = await UserRepository.getInstance().findUserByAccount(account);setState(() {});}@overrideWidget build(BuildContext context) {return Scaffold(appBar: WnAppBar.getAppBar(context, const Text("我的零钱")),body: Container(alignment: AlignmentDirectional.center,child: Column(children: [SizedBox(height: 40,),CommonUtils.getBaseIconPng("wc_small_change_icon", width: 80, height: 80),SizedBox(height: 30,),Text("我的零钱", style: TextStyle(fontSize: 20),),SizedBox(height: 12,),Text("¥${_userBean?.balance??'0'}", style: TextStyle(fontSize: 26, fontWeight: FontWeight.bold),),Expanded(child: Text("")),ElevatedButton(style: ButtonStyle(backgroundColor: MaterialStateProperty.all(Colors.green),shape: MaterialStateProperty.all(RoundedRectangleBorder(borderRadius: BorderRadius.circular(30))),),onPressed: (){Navigator.push(context, MaterialPageRoute(builder: (context) => RechangeWidget()));},child: Container(decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(30)),),alignment: AlignmentDirectional.center,width: 200,height: 60,child: Text("充值", style: TextStyle(fontSize: 22),),)),SizedBox(height: 12,),ElevatedButton(style: ButtonStyle(backgroundColor: MaterialStateProperty.all(Colors.white70),shape: MaterialStateProperty.all(RoundedRectangleBorder(borderRadius: BorderRadius.circular(30))),),onPressed: (){CommonToast.show(context, "暂未开发提现功能!");},child: Container(decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(30)),),alignment: AlignmentDirectional.center,width: 200,height: 60,child: Text("提现", style: TextStyle(fontSize: 22, color: Colors.green),),)),SizedBox(height: 30,),],),),);}}

相关内容

热门资讯

喜欢穿一身黑的男生性格(喜欢穿... 今天百科达人给各位分享喜欢穿一身黑的男生性格的知识,其中也会对喜欢穿一身黑衣服的男人人好相处吗进行解...
发春是什么意思(思春和发春是什... 本篇文章极速百科给大家谈谈发春是什么意思,以及思春和发春是什么意思对应的知识点,希望对各位有所帮助,...
网络用语zl是什么意思(zl是... 今天给各位分享网络用语zl是什么意思的知识,其中也会对zl是啥意思是什么网络用语进行解释,如果能碰巧...
为什么酷狗音乐自己唱的歌不能下... 本篇文章极速百科小编给大家谈谈为什么酷狗音乐自己唱的歌不能下载到本地?,以及为什么酷狗下载的歌曲不是...
华为下载未安装的文件去哪找(华... 今天百科达人给各位分享华为下载未安装的文件去哪找的知识,其中也会对华为下载未安装的文件去哪找到进行解...
家里可以做假山养金鱼吗(假山能... 今天百科达人给各位分享家里可以做假山养金鱼吗的知识,其中也会对假山能放鱼缸里吗进行解释,如果能碰巧解...
四分五裂是什么生肖什么动物(四... 本篇文章极速百科小编给大家谈谈四分五裂是什么生肖什么动物,以及四分五裂打一生肖是什么对应的知识点,希...
怎么往应用助手里添加应用(应用... 今天百科达人给各位分享怎么往应用助手里添加应用的知识,其中也会对应用助手怎么添加微信进行解释,如果能...
客厅放八骏马摆件可以吗(家里摆... 今天给各位分享客厅放八骏马摆件可以吗的知识,其中也会对家里摆八骏马摆件好吗进行解释,如果能碰巧解决你...
美团联名卡审核成功待激活(美团... 今天百科达人给各位分享美团联名卡审核成功待激活的知识,其中也会对美团联名卡审核未通过进行解释,如果能...