Flutter Checkbox 样式调整 边距
温馨提示:
本文最后更新于 2024年11月15日
,已超过 155 天没有更新。若文章内的图片失效(无法正常加载),请留言反馈或直接联系我。
checkbox 是可以调整样式和大小的。具体的操作方式:
调整大小可以通过side 属性进行修改
Checkbox(
shape: CircleBorder(),
tristate: true,
visualDensity: VisualDensity(horizontal: 0),
value: false,
side: BorderSide(strokeAlign: -3,width:2), // 在这里设置大小,设置选择框的粗细
onChanged: (b) {},
),
如果要调整边距大小的话,可以在外面增加一个Container就可以搞定了
Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(
color: Colors.blue,
width: ScreenUtils.width(70),
child: Checkbox(
shape: RoundedRectangleBorder(),
tristate: true,
visualDensity: VisualDensity(horizontal: 0),
value: false,
side: BorderSide(strokeAlign: -6, width: 1),
semanticLabel: '小麦',
materialTapTargetSize: MaterialTapTargetSize.padded,
onChanged: (b) {},
),
),
BaseText(text: '小麦', size: 40, fontWeight: FontWeight.w500),
],
),
正文到此结束
- 本文标签: flutter
- 本文链接: https://www.letcode.cn/article/32
- 版权声明: 本文由Jack.Chen原创发布,转载请遵循《 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权