callstack / callstack/react-native-paper
Allow Drawer.Item to wrap across multiple lines
- 主要语言
- TypeScript
- 星标
- 14.5k
- 派生
- 2.2k
- 平均合并
- 5 天 23 小时
- 30 天内合并 PR
- 12
描述
Our application supports multiple languages and the Drawer.Item currently always truncates with an ellipsis rather than allowing wrapping across multiple lines. The Drawer.Item component is hard-coded to only allow one line of text. This results in our menu items always being cut off when long translated text is used if there is insufficient width.
It would be great if the `numberOfLines` property on the text element of the Drawer.Item was a property so that constraint could be overwritten.
I have tried using patch-package and confirmed it works in debug mode, but the pre-compiled version with numberOfLines set to 1 is always used in release builds. Adjusting the width of the side navigation isn't an optimal solution as languages like Russian are often overly verbose and would still be cut off.

贡献指南
调研方向
从 Drawer.Item 组件开始,检查其中 numberOfLines 固定为 1 的文本元素。确认该属性的暴露方式,并验证翻译后的标签可以在 release 构建中换行显示为多行;完成的标准是可以覆盖现有的截断限制,同时不破坏默认行为。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- react-native, typescript
- 领域
- mobile
- Issue 类型
- 功能
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 活跃度
- 停滞
- 描述清晰度
- 描述清楚
- 新手友好度
- 45/100