ios - 是否可以为 CupertinoTabScaffold 的选项卡之间的过渡设置动画?
问题描述
我正在使用下面的示例(取自CupertinoTabScaffold 文档页面)。
在选项卡内推送新路由时会出现“幻灯片”过渡,但是当我单击选项卡栏项目时,内容会被粗暴地替换。在选项卡之间切换时如何进行转换?
我想实现类似的东西:https ://github.com/Interactive-Studio/TransitionableTab
CupertinoTabScaffold(
tabBar: CupertinoTabBar(
items: [
BottomNavigationBarItem(
icon: Icon(CupertinoIcons.home),
title: Text("Tab 0"),
),
BottomNavigationBarItem(
icon: Icon(CupertinoIcons.news),
title: Text("Tab 1"),
),
],
),
tabBuilder: (BuildContext context, int index) {
return CupertinoTabView(
builder: (BuildContext context) {
return CupertinoPageScaffold(
navigationBar: CupertinoNavigationBar(
middle: Text('Page 1 of tab $index'),
),
child: Center(
child: CupertinoButton(
child: const Text('Next page'),
onPressed: () {
Navigator.of(context).push(
CupertinoPageRoute<void>(
builder: (BuildContext context) {
return CupertinoPageScaffold(
navigationBar: CupertinoNavigationBar(
middle: Text('Page 2 of tab $index'),
),
child: Center(
child: CupertinoButton(
child: const Text('Back'),
onPressed: () { Navigator.of(context).pop(); },
),
),
);
},
),
);
},
),
),
);
},
);
},
)
解决方案
推荐阅读
- flutter - 超过宽度 900 时 LayoutBuilder 停止重绘
- azure - Azure 计时器功能连接限制
- python - 有人可以帮我了解这个程序是如何工作的
- html - Lightbox 在 Firefox 90 mac 和 CodePen 中响应,但在 Safari 14 或 Chrome 92 中不响应
- regression - 我应该如何从这张图片中获得岭回归的建议 alpha 值?
- php - 可以将css计数器(页面)的值分配给php中的变量吗
- animation - C4D:将柔体motext绑定到柔体样条线?
- css - 带有 React JS Div 和组件的全屏背景图像
- java - 单击时删除浮动操作按钮中使用的可绘制对象的背景(Android Studio)
- java - JUnit5 是否有类似的 ErrorCollector 规则