Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

refactor(bottom-navigation): align with MD3 navigation behavior

未关闭
#4,935 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 2 天内回复

还没有人认领这个 Issue。

评估

难度
5/5
预计耗时
一周以上
新手友好度
28/100
Issue 类型
重构
描述清晰度
需要澄清
活跃度
冷清
技术栈
react-native, typescript
领域
mobile

调研方向

首先定位 BottomNavigation 的实现及其当前 API,然后检查活动指示器、移位、延迟屏幕渲染、徽章和路由更新是如何处理的。将现有行为与 Material Design 3 相关的导航指南进行比较,并确定定义重构完成标准所需的测试。

由索引模型根据 Issue 内容生成。

描述

v6

Refactor BottomNavigation to improve Material Design 3 compliance, remove problematic children patterns, improve performance characteristics, and modernize the public API.

Problems

  • Current API relies heavily on children composition in ways that are difficult to optimize
  • Internal layout logic is tightly coupled to arbitrary child structures
  • MD3 behaviors and visuals are not fully aligned with current Material guidelines
  • Rendering performance can degrade in large lists or frequently updated screens
  • Type safety and discoverability of the API can be improved
  • The component has inconsistent behavior between platforms and edge cases

Focus Areas

  • Improve active indicator implementation
  • Improve shifting behavior
  • Improve lazy screen rendering integration
  • Improve badge handling

Performance Opportunities

  • Reduce navigation item rerenders
  • Improve animated transitions
  • Optimize route updates
主要语言
TypeScript
星标
14.5k
派生
2.2k
平均合并
3 天 22 小时
30 天内合并 PR
8

环境准备

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

callstack/react-native-paper 的其他 Issue

查看 callstack/react-native-paper 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。