Flutter实现自定义单选框实现支付宝微信选择支付_flutter 自定义单选样式-优快云博客

本文链接：https://blog.youkuaiyun.com/xhq2476140935/article/details/107988748

本文介绍如何在Flutter中实现支付宝与微信支付的选择，通过自定义单选框展示支付图标，提供相关代码示例和素材来源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Flutter实现自定义单选框

先看效果：

在这里插入图片描述

代码：

import 'dart:math';

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutterfiledemo/untils/Message.dart';

class dxk extends StatefulWidget {
  @override
  _dxkState createState() => _dxkState();
}

class _dxkState extends State<dxk> {
  //支付宝图片路径
  String lj ="assets/images/wxzyf.png";
  //微信支付
  String lj2 ="assets/images/wxzyf.png";
  //单选框的选择
  bool dj = true;
  bool dj2 = true;

  //判断选中支付宝还是微信 默认支付宝
  String pay ="ailipay";
  //充值金额
  String monysNums;
  @override
  Widget build(BuildContext context) {
    ScreenUtil.instance = ScreenUtil(width: 750, height: 1334)..init(context);
    return MaterialApp(
          home: Scaffold(
            appBar: AppBar(
                title: Text('充值页面'),
              leading: new IconButton(
                icon: new Icon(
                  Icons.chevron_left,
                  size: 35.0,
                ),
                onPressed: () => Navigator.of(context).pop(),
              ),
            ),
            body: SingleChildScrollView(
                child: Column(
                      children: <Widget>[
                        Container