原创

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),
  ],
),
正文到此结束
本文目录