react / react/react-native

Text wrapping size calculation is broken

オープン
#52,421 コメント 7 件 リアクション 2 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

Issue: Author Provided Repro Type: New Architecture
主要言語
C++
スター
127k
フォーク
25.3k
平均マージ
1日 23時間
マージ済み PR(30日)
4

説明

Description

Whenever you have:

<View with direction row>
  <View with fixed size/>
  <LongText that should wrap />
</View>

The view with fixed size is not taken into account and the text is going out of bounds

Steps to reproduce

Just start the app:

https://snack.expo.dev/@titozzz/text-wrap-bug

React Native Version

0.79.5

Affected Platforms

Runtime - Android, Runtime - iOS

Areas

Other (please specify)

Output of npx @react-native-community/cli info
This is not relevant
Stacktrace or Logs
This is not relevant
MANDATORY Reproducer

https://snack.expo.dev/@titozzz/text-wrap-bug

Screenshots and Videos

No response

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

まず、リンクされた Expo Snack の再現手順を React Native 0.79.5 で Android と iOS 上で実行し、次にテキスト折り返しの layout パスを追跡します。この issue にはソースファイルもテストも記載されていません。固定サイズの sibling が利用可能な幅に含まれ、両プラットフォームで長いテキストが parent の境界内で折り返され、適切な場合に回帰テストのカバレッジが追加されていれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react-native
領域
mobile
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
38/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。