На панели приложения у меня есть текст и изображение, но каждый раз, когда я перехожу на вторую страницу, текст и изображение больше не выравниваются по центру, так как в левом углу есть кнопка «Назад».

Мне просто интересно, как я могу выровнять его по центру, чтобы он выглядел одинаково для каждого экрана.

     appBar: AppBar(
        title: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              "Maxis",
              style:
                  TextStyle(fontFamily: "Raleway", fontWeight: FontWeight.w300),
            ),
            Image.asset(
              "assets/images/Image.png",
              width: 30,
            ),
            Text(
              "Mobile",
              style:
                  TextStyle(fontFamily: "Raleway", fontWeight: FontWeight.w300),
            ),
          ],
        ),
        centerTitle: true,
      ),


0
Aase Zi 21 Фев 2021 в 22:51

1 ответ

Лучший ответ

Используйте строку с MainAxisAlignment.center и MainAxisSize.min и centerTitle: true на панели приложений.

 return Scaffold(
  appBar: AppBar(
    title: Row(
      mainAxisAlignment: MainAxisAlignment.center,
      mainAxisSize: MainAxisSize.min,
      children: [
        const Text('title 1'),
        const SizedBox(width: 16),
        const Icon(Icons.ac_unit),
        const SizedBox(width: 16),
        const Text('title 2'),
      ],
    ),
    centerTitle: true,
    elevation: 6,
  ),
3
Agreensh 21 Фев 2021 в 20:31