Блог

Я потратил часы, пытаясь заставить панель приложений отображать заголовок с определенной высотой. Из того, что я прочитал в SO и т. Д., Это можно сделать, Однако я не могу этого добиться, и я потратил много часов на попытки. Мне нужно, чтобы «заголовок:» и «действия:» имели высоту около 70 или около того.

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

Я протестировал preferredSize для этой панели приложений в другом тесте, где не было «bottom:» и панели вкладок, а места, выделенного для панели приложений в программе, было достаточно для отображения большого заголовка, но отображалась только часть заголовка, набранного крупным шрифтом. Оставшаяся часть пространства, которое было выделено для панели приложений в этом случае, была просто пустой и отображалась под отображением заголовка.

В другой программе, которую я написал, я установил высоту панели приложений на 35, и это работает без проблем. Таким образом, похоже, что установка высоты панели приложений на низкое значение работает для заголовка, но установка его на большое значение — нет.

Я был бы признателен за решение этой проблемы, потому что необходимость в этом является неотъемлемой частью моей программы, и я потратил много времени на попытки решить проблему.

Вы можете использовать toolbarHeight :

 AppBar(
  toolbarHeight: 100, 
)
 

Эта проблема, по-видимому, решается с помощью AppBar «FlexibleSpace:».

Заголовок и действия AppBar являются частью панели инструментов AppBar. Проблема, по-видимому, заключается в том, что высоту панели приложений можно изменить, что позволяет уменьшить высоту панели инструментов, но высота панели инструментов панели приложений не может быть увеличена выше высоты 56. Любое увеличение высоты панели приложений выше 56 не позволяет увеличить высоту панели инструментов выше 56.

Это тема выпусков # 7330 и # 23373 для Flutter на Github. Было бы здорово, если бы эти проблемы можно было решить, разрешив увеличить высоту панели инструментов AppBar выше 56. В настоящее время единственным способом решить эту проблему, по-видимому, является написание пользовательской панели приложений, а стандартная панель приложений обладает некоторыми хорошими функциями.

Просто попробуйте этот псевдокод

Текст («ваш текст здесь», стиль: TextStyle (высота: 70.0));

Вы можете использовать виджет preferredSize, чтобы задать пользовательскую высоту в панели приложений

  appBar: PreferredSize(
          preferredSize: Size.fromHeight(50.0),
          child: AppBar(
          .............
          )
        ),