[Flutter] HTML \n 줄바꿈 처리 안되는 현상!

flutter 에서 HTML 코드를 표현하기 위해 쓰는 라이브러리 flutter_html

flutter_html | Flutter Package

 

Html(
  data: """
    <p>Render this item</p>
    <span>Do not render this item or any other item</span>
    <img src='https://flutter.dev/images/flutter-mono-81x100.png'/>
  """,
);

 

이런식으로 간단하게 사용할 수 있는데!!

 

 

단, \n 줄바꿈 처리 안되는 문제가 있다.

 

/// 첫번째 줄두번째 줄
Html(
  data: '첫번째 줄\n두번째 줄',
);


/// 첫번째 줄
/// 두번째 줄
Html(
  data: '첫번째 줄\n두번째 줄'.replaceAll('\n', '<br>'),
);

 

이런 식으로 변경해주면 줄바꿈 처리가 잘 되는 것을 확인할 수 있다.