文本相关

概述

本文介绍文本相关的案例：对齐、填充等等

文本居中

// 左右0并使用 Center 显示居中的文本
Positioned(
    left: 0, right: 0,
    child: Center(
        child: Text(widget.title ?? '', style: TextStyle(color: backButtonColor,fontSize: 20),),
    )
)

padding

在外层使用组件 Container，通过其属性 margin 设置 padding 在属性 child 中添加内部UI组件

@override
Widget build(BuildContext context) {
    return
        Container(
        margin: const EdgeInsets.fromLTRB(7,4,7,4),// padding
        child: PhysicalModel(
            color: Colors.transparent,// 透明色
            borderRadius: BorderRadius.circular(6),// 裁切圆角
            clipBehavior: Clip.antiAlias,// 才起的圆角抗锯齿
            child: Column(
                children: _gridNavItems(context),
            ),

        )
    );
}