使用 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循環實現淡入淡出
相關標簽