使用 React-Navigation 底部选项卡的交叉淡入淡出过渡
[英]Cross-Fade transitions using React-Navigation bottom Tab
问题描述
我正在使用反应导航，我注意到有一些方法可以使用 Stack Navigator 为屏幕内容设置动画。 阅读有关 Material UI 提供的运动系统的更多信息，我还没有找到一种可以为底部选项卡导航器（或材料底部选项卡）设置动画的方法，以遵循此处描述的指南： Material UI Motion System 。 我已经看到了实现淡入的方法，但现在淡出。
1 个解决方案
解决方案1
0 2022-01-13 00:32:14
我想出了一个答案，几乎我发现的唯一方法就是做一些基于事件的方法。 监听 tabPress 和 Focus 事件。
我在这个小项目上实现了解决方案： Cross Fade Project
如何使用“@react-navigation/bottom-tabs”在 Tab.Screen 左侧添加 header
[英]How to add header left on Tab.Screen using "@react-navigation/bottom-tabs"
使用时如何从底部标签栏隐藏“SPECIFIC TAB BAR ITEM”：@react-navigation/bottom-tabs
[英]How to hide a "SPECIFIC TAB BAR ITEM" from a bottom tab bar when using: @react-navigation/bottom-tabs
如何在底部选项卡导航器 react-navigation 中卸载非活动屏幕？
[英]How to unmount inactive screens in bottom tab navigator react-navigation?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
反应导航选项卡导航器中的交叉淡入淡出动画
反应导航-底部导航
如何使用“@react-navigation/bottom-tabs”在 Tab.Screen 左侧添加 header
使用时如何从底部标签栏隐藏“SPECIFIC TAB BAR ITEM”：@react-navigation/bottom-tabs
如何在底部选项卡导航器 react-navigation 中卸载非活动屏幕？
jQuery中的淡入淡出图像
Firefox 中的交叉淡入淡出过渡
Javascript图片淡入淡出页面更改
点击时的淡入淡出图像过渡
尝试使用SoundManager 2循环实现淡入淡出
相关标签