FlutterでIconDataとページ付けbottomNavigationBarの代わりに（アセットからの）画像アイコンを使用する方法

How Use Image Icon Instead Icondata

解決：

アセットのアイコンを使用する方法は次のとおりです

ImageIcon（AssetImage（ 'images / icon_more.png'）、color：Color（0xFF3A5A98）、）、
BottomNavBarクリックでこの例を試してください

 
 
したがって、置き換えたいのはBottomNavigationBarItemです。
 
new BottomNavigationBarItem（icon：Icon（Icons.home）、title：Text（ 'Home'）、）、
に
 
 
 
new BottomNavigationBarItem（icon：ImageIcon（AssetImage（ 'images / icon_more.png'）、color：Color（0xFF3A5A98）、）、title：Text（ 'Home'）、）、
あなたは私が共有した記事からナビゲーションについて学ぶことができます
 
  アップデート これがあなたが要求した例です。
 
したがって、ここで_children変数は、BottomNavBarItemの選択に基づいてナビゲートするページのリストを保持します。
 
 
 
ナビゲートする方法は、タブアイテムを押すと、onTabTapped関数を使用してインデックスを設定します。インデックスが変更されると、本体に子の現在のインデックスを表示するように指示したため、それに応じてビューが変更されます。
 
クラスMyHomePageはStatefulWidgetを拡張します{@override_MyHomePageState createState（）=> _MyHomePageState（）; } class _MyHomePageState extends State {int _currentIndex = 0;最終リスト_children = [Container（color：Colors.red、）、Container（color：Colors.blue、）、Container（color：Colors.green、）]; void onTabTapped（int index）{setState（（）{_ currentIndex = index;}）; } @override Widget build（BuildContext context）{return Scaffold（body：_children [_currentIndex]、bottomNavigationBar：BottomNavigationBar（onTap：onTabTapped、// new currentIndex：_currentIndex、// new items：[new BottomNavigationBarItem（icon：Icon（Icons。 home）、title：Text（ 'Home'）、）、new BottomNavigationBarItem（icon：Icon（Icons.mail）、title：Text（ 'Messages'）、）、new BottomNavigationBarItem（icon：Icon（Icons.person）、title ：Text（ 'Profile'））]、）、）; }}