Поэтому я хочу иметь возможность заполнить цвет вокруг FAB, но я не уверен, как это сделать. Я следовал этой статье именно поэтому пользовательский бар.
1
17 Авг 2019 в 14:56
2 ответа
Лучший ответ
Я думаю, что вы можете обернуть его в контейнер или другой виджет-заполнитель и установить цвет фона. Не знаю, работает ли это точно. Дай мне знать! Greetz
Изменить: только что проверил мой ответ, если вы реализуете этот (пример) код:
bottomNavigationBar: Container( color: Colors.red,
child: FABBottomAppBar(
centerItemText: 'A',
color: Colors.grey,
selectedColor: Colors.red,
notchedShape: CircularNotchedRectangle(),
onTabSelected: _selectedTab,
items: [
FABBottomAppBarItem(iconData: Icons.menu, text: 'This'),
FABBottomAppBarItem(iconData: Icons.layers, text: 'Is'),
FABBottomAppBarItem(iconData: Icons.dashboard, text: 'Bottom'),
FABBottomAppBarItem(iconData: Icons.info, text: 'Bar'),
],
),
),
Он создает цвет фона FAB
2
17 Авг 2019 в 15:26
Используйте это как Scaffold
Scaffold(
floatingActionButton: FloatingActionButton(onPressed: null, child: Icon(Icons.add),),
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
backgroundColor: Colors.orange,
bottomNavigationBar: Container(
color: Colors.white,
child: BottomAppBar(
color: Colors.purple,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 56, vertical: 12),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Icon(Icons.home, color: Colors.white,),
Icon(Icons.perm_contact_calendar, color: Colors.white,),
],
),
),
shape: CircularNotchedRectangle(),
),
),
);
Вывод:
0
17 Авг 2019 в 15:41