簡體 English 中英

如何在 React Native 中制作像底部標簽欄這樣的復雜設計？

[英]How to make complicated designs like bottom tab bar in react native?

原文 2022-06-13 15:46:13 2 1 javascript/ react-native/ react-navigation-bottom-tab

我想在應用程序中制作一個如下所示的標簽欄。 我怎樣才能做到這一點？

1 個解決方案

將整個設計分開，如下所示。

取 3 個按鈕的普通圖標。
取普通視圖並將其與底部對齊，您可以為其創建組件
在組件中，您通過獲取包含曲線設計和主頁圖標的背景圖像來創建標簽欄設計，需要整個圓形圖標，只需使用包含圖像的 TouchableOpacity 將它們放在視圖中即可。 而已！！

react native如何做復雜的設計？

[英]How to make complicated designs in react native?

如何在React Native中將底部欄標簽視為按鈕？

[英]How to treat a bottom bar tab as a button in React Native?

如何使我的底部欄固定在 React Native 中？

[英]How to make my Bottom Bar fixed in React Native?

如何使標簽欄粘在頁面底部？

[英]How to make tab bar sticky at the bottom of the page?

React Native 底欄選項卡更改路由變量

[英]React Native bottom bar tab change route variable

無法在特定屏幕上的 React Native 中隱藏或顯示選項卡底欄

[英]Not able to hide or show tab bottom bar in React Native on particular screen

如何在 React Native 中隱藏底部操作欄

[英]How to hide the Bottom action bar in React Native

如何使底部標簽欄僅出現在 react-navigation 中嵌套堆棧的默認屏幕上？

[英]How to make bottom tab bar appear only on default screens of nested stacks in react-navigation?

如何使用帶有React Native的Navigator創建靜態底欄？

[英]How can I make a static bottom bar using Navigator with React Native?

如何在React Native中向標簽欄添加新標簽？

[英]How to add a new tab to tab bar in react native?

暫無

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 react native如何做復雜的設計？如何在React Native中將底部欄標簽視為按鈕？如何使我的底部欄固定在 React Native 中？如何使標簽欄粘在頁面底部？ React Native 底欄選項卡更改路由變量無法在特定屏幕上的 React Native 中隱藏或顯示選項卡底欄如何在 React Native 中隱藏底部操作欄如何使底部標簽欄僅出現在 react-navigation 中嵌套堆棧的默認屏幕上？如何使用帶有React Native的Navigator創建靜態底欄？如何在React Native中向標簽欄添加新標簽？

相關標簽

粵ICP備18138465號 © 2020-2024 STACKOOM.COM