Flutter: изменить фоновое меню ящика без изменения цвета панели приложения - PullRequest
0 голосов
/ 17 апреля 2020

Я хочу создать пользовательское приложение панели, как на изображении ниже

Изображение - пользовательское приложение панели, которое я хочу

Однако я не могу покинуть нижняя часть ящика меню белая, и не выровняйте мой текст по левому краю, и он становится таким:

Изображение - панель моего пользовательского приложения

Мой код

 return Scaffold(
  appBar: AppBar(
    actions: <Widget>[
      Stack(
        children: <Widget>[
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
              Column(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: <Widget>[
                  Text('Hi'),
                  Text('@Name'),
                ],
              ),
              SizedBox(
                width: 10,
              ),
              CircleAvatar(backgroundColor: Colors.white),
              SizedBox(
                width: 8,
              ),
              CircleAvatar(
                backgroundColor: Colors.white,
              ),
              SizedBox(
                width: 16,
              ),
            ],
          ),
        ],
      ),
    ],
  ),
  body: Container(),
  drawer: Drawer(
    child: ListView(
      children: <Widget>[
        UserAccountsDrawerHeader(
          accountName: Text('Name'),
          accountEmail: Text('Email'),
          currentAccountPicture: CircleAvatar(
            backgroundColor: Colors.black,
            child: Text('N'),
          ),
        ),
        ListTile(
          leading: Icon(Icons.home),
          title: Text("Home"),
        )
      ],
    ),
  ),
);

1 Ответ

0 голосов
/ 17 апреля 2020

Это рабочий пример. Вы просто должны настроить его

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        //centerTitle: true,
        title: Column(
          children: <Widget>[
            Text("Hola "),
            Text("Senior"),
          ],
        ),
        leading: Padding(
          padding: const EdgeInsets.symmetric(vertical: 12),
          child: Material(
              elevation: 0,
              borderRadius: BorderRadius.only(
                topRight: Radius.circular(16),
                bottomRight: Radius.circular(16),
              ),
              color: Colors.yellow,
              child: Icon(Icons.menu)),
        ),
        actions: [
          CircleAvatar(
          backgroundColor: Colors.white,)
        ]
      ),
      body: Center(
        child : Text('Content')
      )
    );
  }
}

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...