Flutter自定义圆形选择框

flutter自带的checkbox是方形的，需要圆形可以自定义一个，用法一样：

import 'package:flutter/material.dart';
class RoundCheckBox extends StatefulWidget {var value = false;Function(bool) onChanged;RoundCheckBox({Key key, @required this.value, this.onChanged}): super(key: key);@override_RoundCheckBoxState createState() => _RoundCheckBoxState();
}class _RoundCheckBoxState extends State<RoundCheckBox> {@overrideWidget build(BuildContext context) {return Center(child: GestureDetector(onTap: () {widget.value = !widget.value;widget.onChanged(widget.value);},child: Padding(padding: const EdgeInsets.all(10.0),child: widget.value? Icon(Icons.check_circle,size: 25.0,color: Colors.lightBlue,): Icon(Icons.panorama_fish_eye,size: 25.0,color: Colors.grey,),)),);}
}

欢迎学习flutter的同学加群一起学习：187670882

Flutter自定义圆形选择框相关推荐

flutter 自定义日历选择（没有用到第三方日历库）
flutter 自定义日历选择禁止转载.抄袭功能需求实现后是长这样的(因为项目要以底部弹窗显示,也可以整个UI自定义) 要代码的私信我(看人品回复) 项目需求: 星期一在第一,星期日在最后一开 ...
flutter 自定义圆形进度条
原文是谁写的我也不知道,但是搜了这么多,没一个能用的,大多数的都没实时刷新,在自己的debug和学习下,进行了改进,这次可以直接用了xdm. 学习的笔记也记录在这里了绘制需要的要素 1.纸: Can ...
android 自定义圆形裁剪框,android 头像裁剪控件
#头像裁剪控件支持圆形和方形预览,调用简单控件参数说明 backgroundBoxColor1背景方格颜色1,两种颜色组成方背景效果,两个背景色使用相同颜色,成纯色背景交 backgroundBo ...
android 自定义圆形裁剪框,超级简单的android通过view自带的方法进行裁剪视图，实现圆形，矩形和圆角...
使用 android:clipToOutline 属性将视图裁剪至其轮廓区域.由如果要将视图裁剪至可绘制对象的形状,请将可绘制对象设置为视图背景(如上所示)并调用比如说布局 xmlns:app=& ...
jQuery滑盖式自定义radio选择框按钮 jTumbler - Beautiful, Slider-Style Selection Boxes
实例: <!doctype html> <html> <head><meta charset=utf-8><title>jTumbler D ...
[RN] React Native 自定义底部弹出选择框实现
React Native 自定义底部选择框实现效果如图所示: 实现方法: 一.组件封装 CustomAlertDialog.js import React, {Component} from ' ...
android checkbox 文字和图标间距,CheckBox选择框和文字设置间距
由于界面美观度的需求,需要自定义CheckBox的选择框. 传统的方法是先定义一个CheckBox的自定义style,如下: style中使用的checkbox_selector.xml 最后在布局文 ...
自定义组合控件：下拉选择框
Spinner 自定义组合控件之下拉选择框项目概述下拉选择框主要是通过在EditText 下用PopupWindow 动态显示ListView 控件来实现的.下拉选择框可以方便用户的输入效率,以此 ...
HTML怎么在li中加select标签,自定义UL LI选择框似乎在其他HTML元素后面
我似乎无法弄清楚为什么我的自定义UL LI选择框出现在其他HTML元素后面.你如何解决这个问题,当用户点击选择框时,它会出现在其他页面元素的顶部? 这里是手头的问题的一个画面: 下面是一个描绘所期望的 ...

Flutter自定义圆形选择框

Flutter自定义圆形选择框相关推荐

最新文章

热门文章