Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[0.57] <Text> rendering last line truncated

See original GitHub issue

Review the documentation: https://facebook.github.io/react-native
Search for existing issues: https://github.com/facebook/react-native/issues
Use the latest React Native release: https://github.com/facebook/react-native/releases

Environment

React Native Environment Info:
    System:
      OS: macOS High Sierra 10.13.5
      CPU: x64 Intel(R) Core(TM) i7-4870HQ CPU @ 2.50GHz
      Memory: 109.75 MB / 16.00 GB
      Shell: 5.3 - /bin/zsh
    Binaries:
      Node: 8.11.3 - ~/.nvm/versions/node/v8.11.3/bin/node
      Yarn: 1.3.2 - /usr/local/bin/yarn
      npm: 5.6.0 - ~/.nvm/versions/node/v8.11.3/bin/npm
      Watchman: 4.7.0 - /usr/local/bin/watchman
    SDKs:
      iOS SDK:
        Platforms: iOS 11.4, macOS 10.13, tvOS 11.4, watchOS 4.3
      Android SDK:
        Build Tools: 23.0.1, 23.0.2, 24.0.0, 24.0.1, 24.0.2, 25.0.0, 25.0.1, 25.0.2, 25.0.3, 26.0.1, 26.0.2, 26.0.3, 27.0.0, 27.0.3, 28.0.1
        API Levels: 19, 22, 23, 24, 25, 26, 27
    IDEs:
      Android Studio: 3.1 AI-173.4907809
      Xcode: 9.4.1/9F2000 - /usr/bin/xcodebuild
    npmPackages:
      react: 16.5.0 => 16.5.0
      react-native: ^0.57.1 => 0.57.1
    npmGlobalPackages:
      react-native-create-library: 3.1.2

Description

Only reproduced on ios. please test on iPhone 7/8 plus.

Reproducible Demo

<Text
  numberOfLines={3}
  style={{
    color: '#555',
    fontSize: 15,
    lineHeight: 22,
    textAlign: 'justify',
    marginTop: 10,
  }}
>
  没事看看这是妈妈的吗羡慕吗羡慕羡慕吗羡慕羡慕羡慕羡慕羡慕羡慕蜂蜜蜂蜜马芳吗多么吗羡慕羡慕羡慕羡慕羡慕们出门出门出门呢想念你承诺承诺发怒你想念羡慕羡慕羡慕吗羡慕羡慕羡慕羡慕多么多么美的你都目瞪口呆口袋空空的口袋宽松款的马德里队来了多么多么羡慕羡慕吗羡慕羡慕羡慕羡慕羡慕羡慕羡慕吗羡慕羡慕羡慕这么美...
</Text>

Issue Analytics

State:
Created 5 years ago
Reactions:7
Comments:12 (2 by maintainers)

Top GitHub Comments

1reaction

nnabinhcommented, Oct 10, 2019

still happening to me on 0.59.9

0reactions

stale[bot]commented, Jan 15, 2020

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.

Top Results From Across the Web

Text · React Native

A React component for displaying text. ... This means that elements inside of a <Text> are no longer rectangles, but wrap when they...

documentation rendering, words at the end of the line get ...

It works out of the box. But when I 'Adjust Font Size` to larger ones, words at the end of the line get...

Estimating Cross Quantile Residual Ratio with Left-Truncated ...

In this paper, we propose a new nonparametric estimator of this dependence measure with left truncated semi-competing risks data.

Data-Adaptive Selection of the Propensity Score Truncation ...

As sample size grows, truncation-induced bias eventually swamps variance, rendering nominal confidence interval (CI) coverage and hypothesis tests invalid.

NEWS - third_party/poppler - Git at Google

Fix line annotation arrows for usage in dimensioning ... ArthurOutputDev: Replace Splash font rendering by Qt font rendering ... Release 0.57.0.