Флаттер Изменить Купертинотабвью с анимацией ⇐ IOS

[Anonymous]

Я пытаюсь внести изменения в Tabview с исчезанием/исчезанием в анимации, например, WhatsApp.
class MyCupertinoAppHomePage extends StatefulWidget {
MyCupertinoAppHomePage({super.key});

final List _tabViews = [
CupertinoTabView(
builder: (context) => const HomePage(),
),
CupertinoTabView(
builder: (context) => const ChatBotPage(),
),
CupertinoTabView(
builder: (context) => const Center(child: Text('Settings'),),
)
];

@override
State createState() => _MyCupertinoAppHomePageState();
}

class _MyCupertinoAppHomePageState extends State {
int _selectedIndex = 0;

void _onTabChanged(int index) {
setState(() {
_selectedIndex = index;
});
}

_bottomTabBar() {
return CupertinoTabBar(
currentIndex: _selectedIndex,
onTap: _onTabChanged,
activeColor: CupertinoColors.activeBlue,
items: const [
BottomNavigationBarItem(
icon: Icon(
CupertinoIcons.arrow_up_arrow_down_circle_fill
),
label: 'Exchange'
),
BottomNavigationBarItem(
icon: Icon(
CupertinoIcons.bubble_left_bubble_right_fill
),
label: 'Chat'
),
BottomNavigationBarItem(
icon: Icon(
CupertinoIcons.settings
),
label: 'Settings'
),
],
);
}

@override
Widget build(BuildContext context) {
return CupertinoPageScaffold(
child: CupertinoTabScaffold(
tabBar: _bottomTabBar(),
tabBuilder: (BuildContext context, int index) {
return AnimatedSwitcher(
duration: const Duration(microseconds: 400),
child: widget._tabViews[index],
);
},
),
);
}
}
< /code>
Тем не менее, предоставленный код не будет делать никакой анимации и будет просто переключать вкладки, как это обычно бывает (без какой -либо анимации).

В таблице отладчика нет никаких сообщений об ошибках. анимация может работать?) < /p>
class MyCupertinoAppHomePage extends StatefulWidget {
MyCupertinoAppHomePage({super.key});

final List _tabViews = [
Container(
key: const ValueKey(0),
child: const HomePage(),
),
Container(
key: const ValueKey(1),
child: const CHatBotPage(),
),
Container(
key: const ValueKey(2),
child: const Center(
child: Text('Settings'),
),
)
];

@override
State createState() => _MyCupertinoAppHomePageState();
}

class _MyCupertinoAppHomePageState extends State {
int _selectedIndex = 0;

void _onTabChanged(int index) {
setState(() {
_selectedIndex = index;
});
}

_tabBarView() {
return AnimatedSwitcher(
duration: const Duration(milliseconds: 500),
child: widget._tabViews[_selectedIndex]);
}

_bottomTabBar() {
return CupertinoTabBar(
currentIndex: _selectedIndex,
onTap: _onTabChanged,
activeColor: CupertinoColors.activeBlue,
items: const [
BottomNavigationBarItem(
icon: Icon(CupertinoIcons.arrow_up_arrow_down_circle_fill),
label: 'Exchange'),
BottomNavigationBarItem(
icon: Icon(CupertinoIcons.bubble_left_bubble_right_fill),
label: 'Chat'),
BottomNavigationBarItem(
icon: Icon(CupertinoIcons.settings), label: 'Settings'),
],
);
}

@override
Widget build(BuildContext context) {
return CupertinoPageScaffold(
child: CupertinoTabScaffold(
tabBar: _bottomTabBar(),
tabBuilder: (BuildContext context, int index) {
return CupertinoPageScaffold(
child: _tabBarView(),
);
},
),
);
}
}
< /code>
Кроме того, во втором варианте, дерево виджетов инспектора флаттера показывает три разных купертинопадж -карфолд с каждым своим собственным анимированным и собственным страницами в виджете. Дерево после каждой вкладки было открыто один раз.>

Подробнее здесь: https://stackoverflow.com/questions/795 ... -animation