我在Flutter中使用库比蒂诺设计,并使用CupertinoTabBar
。我想从不同的屏幕访问不同的选项卡项目。
例如,我有两个项目:主页和配置文件。CupertinoTabBar
在主屏幕中定义。从HomeScreen
,我想有一个按钮来访问ProfileScreen
选项卡。如何在这种情况下导航?
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class MainScreen extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return _MainScreenState();
}
}
class _MainScreenState extends State<MainScreen> {
@override
Widget build(BuildContext context) {
return Material(
child: CupertinoTabScaffold(
tabBar: CupertinoTabBar(
items: const <BottomNavigationBarItem>[
BottomNavigationBarItem(
icon: Icon(Icons.home),
title: Text("Home")
),
BottomNavigationBarItem(
icon: Icon(Icons.user),
title: Text("My Appointments")
)
],
),
tabBuilder: (BuildContext context, int index) {
switch (index) {
case 0:
return CupertinoTabView(
builder: (BuildContext context) {
return HomeScreen();
},
defaultTitle: 'Home',
);
break;
case 1:
return CupertinoTabView(
builder: (BuildContext context) => ProfileScreen(),
defaultTitle: 'Profile',
);
break;
}
return null;
},
),
);
}
}
class HomeScreen extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return Container(
child: CupertinoButton(
child: Text("Check Profile"),
onPressed: () {
// Pop this page and Navigate to Profile page
},
)
);
}
}
class ProfileScreen extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return Container(
child: Text("Profile")
);
}
}
1条答案
按热度按时间pgvzfuti1#
也许能帮到你