Класс NavigationRailDestination

Класс NavigationRailDestination кладут в destinations у NavigationRail. Иконка - icon, подпись - label, выбранная иконка - selectedIcon.

Синтаксис

NavigationRailDestination(
	icon: Icon(Icons.inbox),
	selectedIcon: Icon(Icons.inbox),
	label: Text('abcde'),
)

Параметры

Параметр	Описание
`icon`	Иконка пункта.
`label`	Подпись под или рядом с иконкой.

Пример

Давайте создадим rail с двумя пунктами:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Row(
					children: [
						NavigationRail(
							selectedIndex: 0,
							onDestinationSelected: (i) {},
							destinations: [
								NavigationRailDestination(icon: Icon(Icons.home), label: Text('abcde')),
								NavigationRailDestination(icon: Icon(Icons.work), label: Text('12345')),
							],
						),
						Expanded(child: Center(child: Text('11111'))),
					],
				),
			),
		),
	);
}

Слева две иконки с подписями.

Пример

Давайте отметим второй destination:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: NavigationRail(
					selectedIndex: 1,
					onDestinationSelected: (i) {},
					destinations: [
						NavigationRailDestination(icon: Icon(Icons.mail), label: Text('abcde')),
						NavigationRailDestination(icon: Icon(Icons.star), label: Text('12345')),
					],
				),
			),
		),
	);
}

Активна вкладка со звездой.

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

виджет NavigationRail,
панель с destinations
виджет NavigationDestination,
пункт нижней NavigationBar
виджет NavigationDrawerDestination,
пункт NavigationDrawer
виджет VerticalDivider,
разделитель между rail и контентом