Flutter中控件高度设置问题

Flutter中RaisedButtonFloatingActionButtonFlatButtonOutlineButton四个按钮等控件均无高度设置,解决方式如下:

使用有高度的Container包裹

new Container(
  height: 40.0,
  child: new RaisedButton(onPressed: () {},
    child: new Text("AppBlog.CN"),
    color: Colors.deepOrange,
  ),
),

Container设置高度即可实现,Container的宽度不会占满父容器,只会随着里面字体的宽度显示

使用Pading包裹

new Padding(padding: new EdgeInsets.fromLTRB(10.0, 20.0, 10.0, 20.0),
  child: new Row(
    children: <Widget>[
      new Expanded(
        child: new RaisedButton(
          onPressed: () {},
          //通过控制边距来设置控件的高度
          child: new Padding(padding: new EdgeInsets.fromLTRB(10.0, 10.0, 0.0, 10.0),
            child: new Text("AppBlog.CN"),
          ),
          color: Colors.deepOrange,
        ),
      ),
    ],
  ),
),

Padding设置高度,宽度会占满

上一篇 Flutter为控件添加圆角效果
下一篇 Flutter禁用滚动事件
目录
文章列表
1 调用链监控Skywalking与Zipkin
调用链监控Skywalking与Zipkin
2
Swift UI - 使用UIWebView和UIToolbar制作一个浏览器
Swift UI - 使用UIWebView和UIToolbar制作一个浏览器
3
Flutter点击事件实现
Flutter点击事件实现
4
使用在线代码沙盒平台codesandbox.io开启Web云开发
使用在线代码沙盒平台codesandbox.io开启Web云开发
5
Android Hook技术实现一键换肤
Android Hook技术实现一键换肤
最新评论
一位WordPress评论者
一位WordPress评论者
2月12日
您好,这是一条评论。若需要审核、编辑或删除评论,请访问仪表盘的评论界面。评论者头像来自 Gravatar。