Flutter: пользовательская панель приложений, кнопка с плавающим действием и BottomSheet в макете Master-Detail

Question

Я работаю над приложением, которое использует Master-Detail-Layout. В настоящее время это выглядит так:

Пока что я использую два Scaffolds в Row. Левая сторона макета обернута в Scaffold, а правая сторона также обернута в Scaffold. Но это, вероятно, не лучшее решение.
Если я открываю SideDrawer этим решением (используя два Scaffolds), только левая часть становится серой, а правая остается чистой ....

Есть ли другие варианты, чтобы получить это Appbar или добиться, чтобы FloatingActionButton или BottomNavigationSheet были только на левой стороне?
Или я должен продолжать использовать два Scaffolds?

Answer 1

Панель приложений

Вы можете разработать панель приложения с нуля с помощью виджетов (Контейнер, Строка), так как она отличается.

2 каркаса

Также для лесов вы можете использовать виджеты и использовать один лес.

Кнопка плавающего действия

Для кнопки плавающего действия вы можете изменить ее положение: оборачивая его в виджет Center или используя crossAxisAlignment CrossAxisAlignment.center на вашем столбце.

Я не рекомендую использовать два scaffolds.Вы не можете гарантировать поведение экрана с помощью (клавиатура, snackBars ..)
Надеюсь, это вам немного поможет