Виджет CupertinoTabScaffold

Виджет CupertinoTabScaffold принимает tabBar и tabBuilder. Полоса - CupertinoTabBar.

Синтаксис

CupertinoTabScaffold(tabBar: CupertinoTabBar(items: []), tabBuilder: (ctx, i) { return Center()
})

Параметры

Параметр	Описание
`tabBar`	`CupertinoTabBar` с иконками.
`tabBuilder`	Строит экран по индексу вкладки.

Пример

Давайте две вкладки:

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 CupertinoTabScaffold( tabBar: CupertinoTabBar( items: const [ BottomNavigationBarItem(icon: Icon(CupertinoIcons.home),
			label: 'abcde'), BottomNavigationBarItem(icon: Icon(CupertinoIcons.search),
			label: '12345'), ], ), tabBuilder: (context, index)  {
			return CupertinoTabView( builder: (ctx)  {
				return CupertinoPageScaffold( child: Center( child: Text(index == 0 ? 'abcde' : '12345'), ), );
			}
			, );
		}
		, );
	}
}

Первая вкладка 'abcde', вторая '12345'.

Пример

Давайте одну вкладку:

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 CupertinoTabScaffold( tabBar: CupertinoTabBar( items: const [ BottomNavigationBarItem(icon: Icon(CupertinoIcons.home),
			label: 'abcde'), ], ), tabBuilder: (context, index)  {
			return CupertinoTabView( builder: (ctx)  {
				return CupertinoPageScaffold( child: Center(child: Text('abcde')), );
			}
			, );
		}
		, );
	}
}

Одна вкладка с текстом 'abcde'.

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

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