Flutter - Padding на AppBar - PullRequest
       6

Flutter - Padding на AppBar

2 голосов
/ 04 августа 2020

Приложение, которое я разрабатываю, должно быть постоянно в полноэкранном режиме, однако время / дата также должны отображаться постоянно, а также определенный идентификатор оборудования. Мы нашли следующий способ представления указанной информации:

Скриншот приложения с отладочной краской на

Однако, как вы можете видеть выше, я выделил красным виджет Padding, который всегда находится над моей AppBar, и мы хотели бы удалить это заполнение. Возможно ли такое?

Ниже приведен код используемой нами пользовательской панели приложений.

@override
Widget build(BuildContext context) {
return PreferredSize(
  preferredSize: Size.fromHeight(45),
  child: AppBar(
    centerTitle: true,
    title: Column(
      children: <Widget>[
        Text(pageName,
          style: TextStyle(
              fontSize: pageNameFontSize
          ),
        ),
        SizedBox(
          height: 8,
        )
      ],
    ),
    actions: <Widget>[
      Column(
        crossAxisAlignment: CrossAxisAlignment.end,
        children: <Widget>[
          SizedBox(
            height: 6,
          ),
          Row(
            children: <Widget>[
              AppBarClock(
                style: TextStyle(
                    fontSize: 20
                ),
              ),
              SizedBox(
                width: 5,
              )
            ],
          ),
          Row(
            children: <Widget>[
              Text(this.trailText,
                textAlign: TextAlign.right,
              ),
              SizedBox(
                width: 5,
              )
            ],
          ),
        ],
      )
    ],
  ),
);

Мы используем System Chrome .setEnabledSystemUIOverlays ([] ); , чтобы приложение было полноэкранным.

1 Ответ

2 голосов
/ 04 августа 2020

Это потому, что AppBar автоматически включает SafeArea всякий раз, когда рассматривается как основной.

Просто установите его свойство primary на false.

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