Виджет CupertinoTabBar

Виджет CupertinoTabBar принимает items типа BottomNavigationBarItem из material.

Синтаксис

CupertinoTabBar(items: [BottomNavigationBarItem(icon: Icon(CupertinoIcons.home), label: 'abcde')])

Параметры

Параметр	Описание
`items`	Список `BottomNavigationBarItem`.
`currentIndex`	Активная вкладка.
`onTap`	Смена вкладки.

Пример

Давайте tab bar:

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
void main()  {
	runApp(CupertinoApp(home: Demo()));
}
class Demo extends StatelessWidget  {
	@override
	Widget build(BuildContext context)  {
		return CupertinoPageScaffold(child: Column(children: [Expanded(child: Center(child: Text('12345'))),
			CupertinoTabBar(items: const [BottomNavigationBarItem(icon: Icon(CupertinoIcons.home),
			label: 'abcde')], currentIndex: 0, onTap: (i)  {
		}
		)]));
	}
}

Снизу вкладка 'abcde', в теле '12345'.

Пример

Давайте две items:

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
void main()  {
	runApp(CupertinoApp(home: Demo()));
}
class Demo extends StatelessWidget  {
	@override
	Widget build(BuildContext context)  {
		return CupertinoPageScaffold(child: Column(children: [Expanded(child: SizedBox.shrink()),
			CupertinoTabBar(items: const [BottomNavigationBarItem(icon: Icon(CupertinoIcons.home),
			label: 'abcde'), BottomNavigationBarItem(icon: Icon(CupertinoIcons.search),
			label: '12345')], currentIndex: 1, onTap: (i)  {
		}
		)]));
	}
}

Активна вкладка '12345'.

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

виджет CupertinoApp,
корень приложения iOS
виджет CupertinoPageScaffold,
экран с панелью iOS
виджет CupertinoNavigationBar,
верхняя панель iOS
виджет CupertinoButton,
кнопка iOS