callstack / callstack/react-native-paper
Allow Drawer.Item to wrap across multiple lines
- 主要言語
- TypeScript
- スター
- 14.5k
- フォーク
- 2.2k
- 平均マージ
- 5日 23時間
- マージ済み PR(30日)
- 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 に固定されているテキスト要素を調べます。プロパティがどのように公開されているかを確認し、リリースビルドで翻訳されたラベルを複数行に折り返せることを検証します。既存の切り捨て制約を、デフォルトの動作を壊さずに上書きできれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- react-native, typescript
- 領域
- mobile
- issue の種類
- 機能追加
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 活発さ
- 停滞
- 明瞭さ
- 明確に書かれている
- 初心者へのやさしさ
- 45/100