리액트 네이티브, <br> 태그 줄바꿈 하기

리액트 네이티브에서는 HTML의 <br> 태그를 직접 사용할 수 없습니다.

대신 다음과 같은 방법들로 줄바꿈을 구현할 수 있습니다:

 

개행 문자 사용

<Text style={styles.valueText}>
  {`2024.06.21 13:00 \n ~ 2024.06.21 14:00`}
</Text>

 

여러 Text 컴포넌트 사용

<Text style={styles.valueText}>
  2024.06.21 13:00 {"\n"}~ 2024.06.21 14:00
</Text>

 

줄바꿈이 필요한 부분을 분리

<Text style={styles.valueText}>
  <Text>2024.06.21 13:00</Text>
  {"\n"}
  <Text>~ 2024.06.21 14:00</Text>
</Text>

 

 

이 중 첫 번째나 두 번째 방법이 가장 간단하고 일반적으로 사용됩니다.

\n은 줄바꿈 문자로, 텍스트를 새 줄로 나눕니다.