Flutter 学习之路 padding 组件

最新推荐文章于 2024-05-25 09:43:10 发布

沈岩1840

最新推荐文章于 2024-05-25 09:43:10 发布

阅读量613

点赞数

分类专栏： flutter 文章标签： flutter

本文链接：https://blog.csdn.net/qq_18285283/article/details/108716111

版权

flutter 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一、Flutter Padding 组件介绍

Padding在Flutter中常用组件之一，用于处理容器与其子元素之间的间距，功能单一，Flutter中并没有单独的Margin控件，

二、Padding 构造属性

const Padding({
    Key key,
    @required this.padding, // 间距
    Widget child,  // 子组件
  })

三、代码演示

import 'package:flutter/material.dart';

class PaddingPage extends StatefulWidget {
  PaddingPage({Key key}) : super(key: key);

  @override
  _PaddingPageState createState() => _PaddingPageState();
}

class _PaddingPageState extends State {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("56zhiyi.com padding组件"),
      ),
      body: Padding(
        padding: EdgeInsets.all(10),
        child: Container(
          width: 100,
          height: 100,
          decoration:
              BoxDecoration(border: Border.all(width: 1, color: Colors.red)),
          child: Text("padding 组件演示"),
        ),
      ),
    );
  }
}

效果图