小编Rah*_*rma的帖子

Flutter-如何从小部件(IconButton,CheckBox,FlatButton)删除默认填充(每个文档48 px)

我正面临着小部件(IconButton,CheckBox,FlatButton)的默认填充问题。我为此问题进行了很多搜索,但没有成功。

在此处输入图片说明

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

Checkbox(
          onChanged: (value) {
            setState(() {
              _rememberMeFlag = !_rememberMeFlag;
            });
          },
          value: _rememberMeFlag,
          activeColor: const Color(0xff00bbff),
          materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
        )
Run Code Online (Sandbox Code Playgroud)

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

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,
          ),
        )
Run Code Online (Sandbox Code Playgroud)

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

有什么方法可以从这些小部件中删除这些多余的间距?

flutter flutter-layout

9
推荐指数
7
解决办法
4497
查看次数

标签 统计

flutter ×1

flutter-layout ×1