在底部导航栏中隐藏/显示项目--Flutter

Question

是否有方法根据条件隐藏/显示底部导航栏？可见性小部件似乎不起作用。有什么建议吗？

Answer 1

var wantShow = true;
void changeState() {
setState(() {
wantShow = !wantShow;
});
}
bottomNavigationBar: BottomNavigationBar(
elevation: 8.0,
items: [
if(wantShow) BottomNavigationBarItem(
icon: Padding(
padding: EdgeInsets.all(2.0),
child: SvgPicture.asset("${IMAGE_PATH}fi-rr-home.svg"),
),
activeIcon: Padding(
padding: EdgeInsets.all(2.0),
child: SvgPicture.asset("${IMAGE_PATH}fi-sr-home.svg"),
),
],
),

Answer 2

您可以这样做：

var wantShow = true;
void changeState() {
setState(() {
wantShow = !wantShow;
});
}
bottomNavigationBar: BottomNavigationBar(
elevation: 8.0,
items: [
wantShow ? BottomNavigationBarItem(
icon: Padding(
padding: EdgeInsets.all(2.0),
child: SvgPicture.asset("${IMAGE_PATH}fi-rr-home.svg"),
),
activeIcon: Padding(
padding: EdgeInsets.all(2.0),
child: SvgPicture.asset("${IMAGE_PATH}fi-sr-home.svg"),
) : SizedBox(),
],
),