BestHub
Sign in
Tag

Text Truncation

0 views collected around this technical thread.

Kuaishou Frontend Engineering
Kuaishou Frontend Engineering
Sep 26, 2023 · Mobile Development

Why Text Gets Cut Off in React Native – Android Measurement Deep Dive & Fixes

This article analyzes the long‑standing React Native text‑truncation issue, explains Android’s text‑measurement architecture—including Spanned, TextPaint, Layout and TextLine—examines two common truncation cases, provides concrete fixes, and proposes a runtime monitoring solution to detect and log such problems.

AndroidReact NativeText Measurement
0 likes · 24 min read
Why Text Gets Cut Off in React Native – Android Measurement Deep Dive & Fixes
vivo Internet Technology
vivo Internet Technology
Feb 12, 2020 · Mobile Development

Text Ellipsis Implementation Techniques in Mobile Development

Mobile developers can implement text ellipsis using simple CSS for single‑line truncation, the -webkit-line-clamp property for multi‑line limits, Canvas measureText calculations for conditional truncation, and specialized components such as HeyUI or vue‑text‑ellipsis to handle icons, buttons, and highlighted HTML content without breaking rendering.

CSS ellipsisText TruncationVue components
0 likes · 6 min read
Text Ellipsis Implementation Techniques in Mobile Development