Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Android] lineHeight on Android has problem on first line #20644

Closed
yangnana11 opened this issue Aug 13, 2018 · 4 comments
Closed

[Android] lineHeight on Android has problem on first line #20644

yangnana11 opened this issue Aug 13, 2018 · 4 comments
Labels
Platform: Android Android applications. Resolution: Locked This issue was locked by the bot.

Comments

@yangnana11
Copy link

Environment:
OS: macOS High Sierra 10.13.5
Node: 8.9.1
Yarn: 1.6.0
npm: 6.2.0
Watchman: 4.9.0
Xcode: Xcode 9.4.1 Build version 9F2000
Android Studio: 3.1 AI-173.4819257

Packages: (wanted => installed)
react: 16.3.1 => 16.3.1
react-native: 0.55.1 => 0.55.1

There is a issue about this, but it is already closed and I can't reopen it again, so I start a new one ...
I made a Korean app, and the lineHeight not work well in Android, the first line is wrong. I applied lineHeight cause it is too crowd and hard to read.
This is the result:

image

The style:

textContent: {
    fontFamily: Fonts.type.notoRegular,
    fontSize: 16,
    color: Colors.detailText,
    ...Platform.select({
      ios: {
        textAlign: 'center'
      },
      android: {
        lineHeight: 25
      }
    })
  }

And the code:

<Text style={styles.textContent}>
            블록체인은 디지털 경제 시대의 가속도를 붙이는 코어기술이다. 한 기업에 집중됐던 정보가 원래의 주인인 개인들에 분산됨으로써 이들이 직접 자신의 정보를 소유하고 관리할 수 있게 해준다. 4차 산업혁명의 주요 기술인 블록체인 기술을 기반으로 한 다양한 플랫폼 개발이 활발히 진행되고 있어 관심을 끈다.
            블록체인 운영자문업체 넥스트블록(대표 정규화)은 전세계 블록체인 프로젝트의 암호화폐공개(ICO, Initial Coin Offering)를 보다 편하게 참여할 수 있는 플랫폼인 넥스트아이씨오(NextICO)를 최근 오픈해 부동산 거래 및 자금 조달 플랫폼인 비홈(BHOM)을 비롯한 다양한 ICO 프로젝트들을 판매하고 있다.
            //go on
</Text>

Some one said I could apply

{'\n'}

at the beginning to avoid the first line, but it doesn't work..

I hope for any suggestion.
Thank you very much.

@react-native-bot
Copy link
Collaborator

Can you reproduce the issue on the latest release, v0.56?

@yangnana11
Copy link
Author

Thanks

@isabel-thx
Copy link

Why is this issue closed? I'm still facing this problem in RN 0.59.8. Was it fixed then reverted??

@jarredt
Copy link

jarredt commented Aug 6, 2019

Having this issue as well on 0.59.8.

@facebook facebook locked as resolved and limited conversation to collaborators Aug 14, 2019
@react-native-bot react-native-bot added the Resolution: Locked This issue was locked by the bot. label Aug 14, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Platform: Android Android applications. Resolution: Locked This issue was locked by the bot.
Projects
None yet
Development

No branches or pull requests

4 participants