Позиционировать виджет в любом месте, не нажимая другие виджеты

Question

Я следовал учебному пособию по Flutter для YouTube и получил такой макет:

Как переместить виджет CircleAvatar в крайнее правое положение и поднять другие виджеты вверх? Вот так это выглядит (я это сделал в фотошопе):

Вот как выглядит мой код:

  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey[900],
      appBar: AppBar(
        title: Text("User information"),
        centerTitle: true,
        backgroundColor: Colors.grey[850],
        elevation: 0.0,
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          setState( () { 
            userLevel++;
          });
        },
        backgroundColor: Colors.red[400],
        child: Icon(Icons.add),
      ),
      body: Padding(
        padding: EdgeInsets.fromLTRB(30.0, 35.0, 30.0, 0.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            Center(
              child: CircleAvatar(
                backgroundImage: AssetImage("assets/vayneAvatar.jpg"),
                radius: 40.0,
              ),
            ),
            Divider(height: 60.0, color: Colors.grey[700]),
            Text(
              "USERNAME",
              style: TextStyle(
                color: Colors.grey,
                letterSpacing: 2.0,
              ),
            ),
            SizedBox(height: 8.0),
            Text(
              "user1",
              style: TextStyle(
                color: Colors.red[400],
                fontWeight: FontWeight.bold,
                fontSize: 22.0,
                letterSpacing: 2.0,
              ),
            ),

Спасибо!

Answer 1

Вам необходимо использовать Виджет стека , который принимает список дочерних элементов, где вы можете легко расположить свои виджеты с помощью Позиционированный виджет .