时间戳

首页 > 解决方案 > Flutter 底部导航栏

flutter - Flutter 底部导航栏

问题描述

我在颤动中试验底部导航栏。再一次，非常新的颤振。我可以使用自定义 svg 图标而不是 Flutter 在 BottomNavigationBarItem 中提供的材料提供的图标吗？如果你能用代码片段帮助我，那就太棒了。

我现在正在使用这种类型的导航栏。在此处输入图像描述。我有这些自定义图标，但我不知道如何使用它们。

标签： flutterflutter-layoutmobile-development

解决方案

使用包来使用svg，说明在这里：https ://pub.dev/packages/flutter_svg#-installing-tab-

然后将 svg 文件包含在图标参数中的底部导航栏项目中

bottomNavigationBar: BottomNavigationBar(
        items: [
          BottomNavigationBarItem(
            icon: SvgPicture.asset(/*path to the svg file*/),
            title: Text("Browse")
          ),
]

推荐阅读