callstack / callstack/react-native-paper
Support overflow items with 'More' button in BottomNavigation.
- Dominant language
- TypeScript
- Stars
- 14.5k
- Forks
- 2.2k
- Avg merge
- 5d 23h
- Merged PRs (30d)
- 12
Description
**Is your feature request related to a problem? Please describe.**
When using the **BottomNavigation** as the main menu in a React Native application, it's currently not possible to add too many items.
**Describe the solution you'd like**
I would like to propose an enhancement to the BottomNavigation component that allows developers to set a maximum number of visible items. Any additional items beyond this limit would be grouped under a "More" button. When the user clicks on the "More" button, the extra items would be displayed in a submenu.
**Additional context**
In my current React Native Expo project, the main menu is built using BottomNavigation. There is a requirement to display many sections in the menu, and having a clean and organized way to show all necessary items is crucial for usability.
Contributor guide
Research direction
Start by locating the BottomNavigation component and reviewing how it currently renders menu items. Define how the maximum visible count, the "More" button, and the submenu should behave, then verify that all original items remain accessible and the layout remains usable on Android and iOS.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- frontend, mobile
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100