Skip to content

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

Closed
@yangnana11

Description

@yangnana11

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions