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 Swift UI - 使用UIScrollView实现页面滚动切换
Swift UI - 使用UIScrollView实现页面滚动切换
2
Swift UI - 工具条(UIToolbar)及工具条按钮(UIBarButtonItem)
Swift UI - 工具条(UIToolbar)及工具条按钮(UIBarButtonItem)
3
Druid连接池加密与解密
Druid连接池加密与解密
4
kubeadm join之token失效问题解决
kubeadm join之token失效问题解决
5
Java服务端开发记录
Java服务端开发记录
最新评论
一位WordPress评论者
一位WordPress评论者
2月12日
您好,这是一条评论。若需要审核、编辑或删除评论,请访问仪表盘的评论界面。评论者头像来自 Gravatar。