美文网首页flutter探索
Flutter(十二)Padding内边距

Flutter(十二)Padding内边距

作者: 天色将变 | 来源:发表于2019-07-17 12:26 被阅读0次
属性
const Padding({
    Key key,
    @required this.padding,// 内边距
    Widget child,
  })
  • EdgeInsets.all(12),// 指定四个方向相同的值
  • EdgeInsets.fromLTRB(10, 20, 30, 40),// 分别指定四个方向的值
  • EdgeInsets.only(left: 10,right: 30),// 指定任意方向的值
  • EdgeInsets.symmetric(vertical: 10,horizontal: 50),//指定水平(left right)或垂直方向(top,bottom)的值。
image.png
class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: ConstrainedBox(
        constraints: BoxConstraints.expand(),
        child: Padding(
//          padding: EdgeInsets.all(12),// 指定四个方向相同的值
//        padding: EdgeInsets.fromLTRB(10, 20, 30, 40),// 分别指定四个方向的值
//        padding: EdgeInsets.only(left: 10,right: 30),// 指定任意方向的值
        padding: EdgeInsets.symmetric(vertical: 10,horizontal: 50),//指定水平(left right)或垂直方向(top,bottom)的值
          child: Stack(
            fit: StackFit.expand, //
            children: <Widget>[
              Container(
                child: Text(
                  "444",
                  style: TextStyle(backgroundColor: Colors.orange),
                ),
                color: Colors.grey,
              ),
            ],
          ),
        ),
      ),
    );
  }
}
欢迎添加我的微信号:zrf540592766
欢迎关注我的公众号:Flutter和Dart开发实践
让我们共同学习进步,It is never too late to learn!
image.png

相关文章

  • Flutter(十二)Padding内边距

    属性 EdgeInsets.all(12),// 指定四个方向相同的值 EdgeInsets.fromLTRB(1...

  • HTML+CSS进阶

    输入 设置单一边距:padding-top(上内边距)、padding-bottom(下内边距)、padding-...

  • css盒子-内外边距

    内边距(padding) padding属性用于设置内边距。 是指 边框与内容之间的距离。 padding-to...

  • 盒模型(Box Model)

    盒模型由元素内容,内边距,外边距,边框组成。 一、内边距(padding) .box{ padding-top:...

  • 内边距

    内边距 1.内边距为边框和内容之间的内边距 2.格式 padding-top padding-right padd...

  • 04-盒子

    padding-top:100px 内边距 背景会延伸到内边距 修改内边距会影响和子的大小 padding:上...

  • 内边距padding

    内边距 padding 边框和内容之间的距离 2.格式2.1非连写padding-top: ;padding-r...

  • padding 内边距

    一个值 :上下左右 比如: padding:1px 两个值:上下 左右 三个值:上 左右 下 四个值:上右下左(顺时针)

  • CSS盒模型

    CSS 盒模型 规定了元素框处理元素内容。 padding(内边距) CSS padding 属性定义元素的内边距...

  • 学习第八天

    外边距和内边距的简写方式: padding:padding: 上下左右; 0 padding: 上下...

网友评论

    本文标题:Flutter(十二)Padding内边距

    本文链接:https://www.haomeiwen.com/subject/vtrqlctx.html