Skip to content

<Text /> loss the last line in some lineHeight #50763

@zeevenn

Description

@zeevenn

Description

Sometimes the lastline text will be cut.

Steps to reproduce

<Text style={styles.text}>
林采儿突然拍起手来,掌声在密闭的房间里显得格外刺耳,像是某种诡异的仪式开场。她的指甲在灯光下泛着不自然的猩红色光泽,每一次鼓掌都像是利爪在空气中划出看不见的血痕。{'\n'}
"太精彩了,"她的声音忽然变得黏稠,如同融化的蜜糖裹着碎玻璃,"我从业这么多年,从未见过像沈先生这样...天赋异禀的候选人。"她的舌尖缓慢地舔过嘴唇,沈浪注意到她的舌尖似乎比常人要长那么几毫米。{'\n'}
办公室的灯光突然闪烁了一下,沈浪看见林采儿的影子在那一瞬间分裂成了三个。他用力眨了眨眼,却发现那影子又恢复了正常——如果那团扭曲蠕动的黑影能称之为"正常"的话。{'\n'}
"我已经和总经理通过电话了,"林采儿从抽屉里取出一部老式转盘电话,黑色的听筒上沾着可疑的暗红色污渍,"他对您非常...感兴趣。"她说到"感兴趣"时,电话突然发出一声尖锐的忙音,像是垂死之人的最后一声哀鸣。
沈浪的太阳穴突突直跳。他清楚地记得,这间办公室里根本没有安装过电话线。林采儿的手指在电话拨盘上缓缓转动,每一个数字都发出令人牙酸的"吱呀"声,像是生锈的齿轮在碾碎骨头。{'\n'}
"您知道吗?"她突然凑近,冰冷的呼吸喷在沈浪耳畔,带着淡淡的腐臭味,"上一个自称会三门语言的应聘者,现在...还在总经理办公室里。"她的笑声像是用指甲刮擦玻璃,"当然,只是...部分肢体。"{'\n'}
窗外的树影突然剧烈摇晃,投下的阴影如同无数只伸向沈浪的手。林采儿直起身,她的脖颈发出不自然的"咔咔"声,仿佛颈椎正在重新排列。{'\n'}
"总经理在等您,"她的瞳孔扩张到几乎占据整个眼眶,"三楼尽头的那间办公室...记得敲门。"她递来一张烫金名片,沈浪接过的瞬间感到一阵刺痛——名片边缘竟锋利如刀,在他指尖留下一道细小的血痕。{'\n'}
沈浪低头看着渗出的血珠,突然意识到整个办公室安静得可怕。没有空调声,没有电子设备的嗡鸣,甚至连自己的心跳声都...消失了。
</Text>
text: {
  paddingHorizontal: 14,
  paddingVertical: 10,
  color: '#1A223E',
  fontSize: 14,
  lineHeight: 20
},

Image

But when I comment the lineHeight or change it to 25, the last line was shown:

Image

React Native Version

0.76.5

Affected Platforms

Runtime - iOS

Output of npx @react-native-community/cli info

System:
  OS: macOS 15.3.2
  CPU: (10) arm64 Apple M4
  Memory: 172.84 MB / 16.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 20.10.0
    path: ~/.local/state/fnm_multishells/3237_1744539907632/bin/node
  Yarn:
    version: 1.22.22
    path: ~/.local/state/fnm_multishells/3237_1744539907632/bin/yarn
  npm:
    version: 10.2.3
    path: ~/.local/state/fnm_multishells/3237_1744539907632/bin/npm
  Watchman:
    version: 2025.03.10.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /opt/homebrew/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.2
      - iOS 18.2
      - macOS 15.2
      - tvOS 18.2
      - visionOS 2.2
      - watchOS 11.2
  Android SDK: Not Found
IDEs:
  Android Studio: 2024.3 AI-243.24978.46.2431.13208083
  Xcode:
    version: 16.2/16C5032a
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.14
    path: /usr/bin/javac
  Ruby:
    version: 2.6.10
    path: /usr/bin/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react: Not Found
  react-native: Not Found
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: Not found
  newArchEnabled: Not found
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

Stacktrace or Logs

none

Reproducer

it's difficult to repro

Screenshots and Videos

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Needs: AttentionIssues where the author has responded to feedback.Needs: ReproThis issue could be improved with a clear list of steps to reproduce the issue.Type: Unsupported VersionIssues reported to a version of React Native that is no longer supported

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions