Flutter 自定义颤振图标位置
我正在尝试添加自定义图标(字体真棒灯)。我已经试过了谁做的软件包,但只是免费的图标 我遵循了本教程: 图标在这里,但在我的底部导航栏(屏幕下方)中未居中 它与默认图标一起工作,我不知道现在要尝试什么。我将感谢任何帮助或想法 主飞镖Flutter 自定义颤振图标位置,flutter,dart,icons,Flutter,Dart,Icons,我正在尝试添加自定义图标(字体真棒灯)。我已经试过了谁做的软件包,但只是免费的图标 我遵循了本教程: 图标在这里,但在我的底部导航栏(屏幕下方)中未居中 它与默认图标一起工作,我不知道现在要尝试什么。我将感谢任何帮助或想法 主飞镖 @override Widget build(BuildContext context) { return Scaffold( body: Center( child: _widgetOptions.elementAt(_selectedIndex),
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: _widgetOptions.elementAt(_selectedIndex),
),
bottomNavigationBar: BottomNavigationBar(
items: const <BottomNavigationBarItem>[
...
BottomNavigationBarItem(
icon: Icon(WuliIcons.dumbbell),
title: Text('School'),
backgroundColor: Colors.red
),
BottomNavigationBarItem(
icon: Icon(Icons.school),
title: Text('School'),
backgroundColor: Colors.red
),
],
currentIndex: _selectedIndex,
onTap: _onItemTapped,
),
);
}
pubspec.yml
flutter:
fonts:
- family: FontAwesomeLight
fonts:
- asset: fonts/fa-light-300.ttf
在进行了许多没有导航栏的研究之后,定制图标的大小似乎比他对父母说的要大(如图所示,它只是容器中的一个图标) 然后我在导航栏中尝试了一些奇怪的东西,制作了一个大宽度的容器,它可以工作
BottomNavigationBarItem(
icon: Container(width: 1000, child: Icon(FontAwesomeLight.utensils_alt)),
title: Text('Food'),
backgroundColor: Colors.purple
),
如果在
BottomNavigationBar
中设置iconSize
,会怎么样?你试过了吗@loooii它只是改变图标的大小,而不是他的位置。如果有人试图对齐图标或图标按钮,此链接可能会对他们有所帮助。
BottomNavigationBarItem(
icon: Container(width: 1000, child: Icon(FontAwesomeLight.utensils_alt)),
title: Text('Food'),
backgroundColor: Colors.purple
),