使圆形头像显示在屏幕顶部

Question

如何让圆形头像放在容器的顶部

Answer 1

您可以为此使用 Stack。喜欢：

...
return Stack(
  children: [
    Positioned.filled( child:
    Scaffold(
      appBar: ...
      body: Column([
        DecoratedBox(
          ...
        )
      ]),
    )),
    Positioned(
      top: 24,
      child:
        CircleAvatar( child:
          CachedNetworkImage(
            ...
          ),
        ),
    ),
  ],
);

类似的东西。

Answer 2

试试下面的代码希望对you.referStackclasshere

有帮助

 Stack(
        alignment: Alignment.topCenter,
        children: <Widget>[
          Padding(
            padding: EdgeInsets.only(top: 21),
            child: Container(
              height: 200,
              width: double.infinity,
              child: Card(
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(20),
                ),
                color: Colors.white,
                margin: EdgeInsets.all(
                  16,
                ),
              ),
            ),
          ),
          Container(
            width: 100,
            height: 90,
            decoration: ShapeDecoration(
              shape: CircleBorder(),
              color: Colors.transparent,
            ),
            child: CircleAvatar(),
          )
        ],
      ),

您的结果屏幕->

使圆形头像显示在屏幕顶部

making the circular avatar show at the top of the screen

user-interface

dart

flutter