코딩배우기

React Native 텍스트 줄바꾸기 3가지 방법

탁이 2020. 2. 21. 07:53

리액트 네이티브에서 아래와 같은 방법으로 줄바꾸기(개행) 를 할 수 있습니다. 참고해 주세요.

방법 3 가지

  1. 템플릿 리터럴을 사용한다
  2. {\n}로 둘러싼다
  3. 구성 요소를 분리한다

1. 템플릿 리터럴을 사용하는 방법

<Text > {

` 첫째 줄

두 번째 줄 `

} </ Text>

 

2. {\n} 로 둘러싼는 방법

<Text>첫 줄 { "\ n"} 두 번째 줄 </ Text>

 

3. 구성 요소를 분리하는 방법

<Text> 첫 줄 </ Text>

<Text> 두 번째 줄 </ Text>