首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Flutter -如何从小部件(IconButton、CheckBox、FlatButton)中删除默认填充(根据文档为48像素)

Flutter -如何从小部件(IconButton、CheckBox、FlatButton)中删除默认填充(根据文档为48像素)
EN

Stack Overflow用户
提问于 2018-11-05 18:20:43
回答 9查看 39.6K关注 0票数 44

我面临着小部件(IconButton、CheckBox、FlatButton)的默认填充的问题。我已经为这个问题搜索了很多次,但没有成功。

在上图中,外部蓝色矩形是这些小部件的实际大小,我必须删除该空间。

代码语言:javascript
运行
复制
Checkbox(
          onChanged: (value) {
            setState(() {
              _rememberMeFlag = !_rememberMeFlag;
            });
          },
          value: _rememberMeFlag,
          activeColor: const Color(0xff00bbff),
          materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
        )

下面是隐藏/显示窗口小部件图标的窗口小部件代码:

代码语言:javascript
运行
复制
new Container(
          child: TextFormField(
            decoration: InputDecoration(
              labelText: "Password",
              suffixIcon: Padding(
                padding: EdgeInsetsDirectional.zero,
                child: GestureDetector(
                  child: Icon(
                    hidePassword ? Icons.visibility : Icons.visibility_off,
                    size: 20.0,
                    color: Colors.black,
                  ),
                ),
              ),
              contentPadding: const EdgeInsets.only(
                  left: 0.0, top: 6.0, bottom: 6.0, right: 0.0),
            ),
            obscureText: !hidePassword,
            maxLength: 20,
          ),
        )

我也试过设置容器的大小,但没有成功。我还尝试了小部件的填充属性,但没有成功。

有没有办法从这些小部件中删除这些额外的间距?

EN

Stack Overflow用户

发布于 2019-09-07 17:44:18

代码语言:javascript
运行
复制
Wrap(
    children: [
        Text('radio'),
        Radio(
            groupValue: _character,
            onChanged: (value){},
            materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
        )
    ],
    crossAxisAlignment: WrapCrossAlignment.center,
),

这删除了很多空格

票数 5
EN
查看全部 9 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53152386

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档