(9)、Study Flutter Positioned Wid

作者: 北有花开 | 来源:发表于2019-03-01 15:22 被阅读0次

一个小部件，它控制[Stack]的子节点的位置。仅包含StatelessWidgets或StatefulWidgets其子类对象。

Positioned Widget属性介绍

left：左边距离
top：上边距离
right：右边距离
bottom：下边距离
width：宽度
height：高度

Stack与Positioned组合使用

body: Container(
          alignment: Alignment.center,
          color: Colors.blue,
          child: Stack(
            alignment: const Alignment(0.0, 0.8),//0表示正中心，取值范围为[-1,1]
            children: [
              CircleAvatar(
                backgroundImage: NetworkImage(
                    "https://avatars3.githubusercontent.com/u/7410469?s=460&v=4"),
                radius: 100.0,
              ),
              Container(
                decoration: BoxDecoration(
                  color: Colors.grey,
                ),
                child: Text(
                  '提莫',
                  style: TextStyle(
                    fontSize: 20.0,
                    fontWeight: FontWeight.bold,
                    color: Colors.white,
                  ),
                ),
              ),
            ],
          ),
        ),

WeChat Image_20190111151108.png