首页 > 解决方案 > 放下 CupertinoTabBar

问题描述

我只使用库'package:flutter/cupertino.dart';制作一个应用程序......但我无法放下 CupertinoTabBar。有人能帮我吗?我的应用程序在这里

CupertinoPageScaffold(
  navigationBar: CupertinoNavigationBar(
    middle: Text("Escala NVP"),
  ),
  child: SafeArea(
    child: Container(
      child: CupertinoTabBar(
        items: <BottomNavigationBarItem>[
          BottomNavigationBarItem(icon: Icon(IconData(0xF38F, fontFamily: "CupertinoIcons", fontPackage: CupertinoIcons.iconFontPackage)), title: Text("Início")),
          BottomNavigationBarItem(icon: Icon(IconData(0xF2D1, fontFamily: "CupertinoIcons", fontPackage: CupertinoIcons.iconFontPackage)), title: Text("Calendário")),
          BottomNavigationBarItem(icon: Icon(IconData(0xF3A0, fontFamily: "CupertinoIcons", fontPackage: CupertinoIcons.iconFontPackage)), title: Text("Perfil")),
        ],
        currentIndex: _selectedIndex,
        onTap: (int index){
          setState(() {
            _selectedIndex = index;
          });
        },
      ),
    ),
  ),
);

标签: iosflutterdart

解决方案


我知道了。

CupertinoPageScaffold(
  navigationBar: CupertinoNavigationBar(
    middle: Text("Escala NVP"),
  ),
  child: CupertinoTabScaffold(
    tabBar: CupertinoTabBar(
        items: <BottomNavigationBarItem>[
          BottomNavigationBarItem(icon: Icon(IconData(0xF38F, fontFamily: "CupertinoIcons", fontPackage: CupertinoIcons.iconFontPackage)), title: Text("Início")),
          BottomNavigationBarItem(icon: Icon(IconData(0xF2D1, fontFamily: "CupertinoIcons", fontPackage: CupertinoIcons.iconFontPackage)), title: Text("Calendário")),
          BottomNavigationBarItem(icon: Icon(IconData(0xF3A0, fontFamily: "CupertinoIcons", fontPackage: CupertinoIcons.iconFontPackage)), title: Text("Perfil")),
        ],
          currentIndex: _selectedIndex,
          onTap: (int index){
            setState(() {
              _selectedIndex = index;
            });
        },
      ),
    tabBuilder: (BuildContext context, int index){
      return CupertinoTabView(
        builder: (BuildContext context){
          return Container(
          );
        },
      );
    },
    ),
);

推荐阅读