callstack / callstack/react-native-paper

Support overflow items with 'More' button in BottomNavigation.

Open
#4,704 1 comment 0 reactions 0 assignees View on GitHub
feature request
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.