Класс BottomNavigationBarItem

Класс BottomNavigationBarItem передают в items у BottomNavigationBar. Иконку - в icon, подпись - в label, активную иконку - в activeIcon.

Синтаксис

BottomNavigationBarItem(
	icon: Icon(Icons.home),
	activeIcon: Icon(Icons.home_filled),
	label: 'abcde',
)

Параметры

Параметр	Описание
`icon`	Иконка вкладки.
`label`	Текст под иконкой.
`activeIcon`	Иконка для выбранной вкладки.

Пример

Давайте создадим две вкладки:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(child: Text('abcde')),
				bottomNavigationBar: BottomNavigationBar(
					currentIndex: 0,
					onTap: (i) {},
					items: [
						BottomNavigationBarItem(icon: Icon(Icons.mail), label: '12345'),
						BottomNavigationBarItem(icon: Icon(Icons.person), label: 'abcde'),
					],
				),
			),
		),
	);
}

Внизу две вкладки с подписями '12345' и 'abcde'.

Пример

Давайте зададим activeIcon:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				bottomNavigationBar: BottomNavigationBar(
					currentIndex: 0,
					onTap: (i) {},
					items: [
						BottomNavigationBarItem(
							icon: Icon(Icons.star_border),
							activeIcon: Icon(Icons.star),
							label: 'abcde',
						),
					],
				),
			),
		),
	);
}

У выбранной вкладки звезда залита.

Смотрите также

виджет BottomNavigationBar,
куда входит список items
виджет NavigationDestination,
пункт NavigationBar M3
виджет NavigationBar,
замена BottomNavigationBar
виджет Scaffold,
каркас с bottomNavigationBar