react-native에서 html을 렌더링 하는 방법이 있을까요?

Question

안녕하세요, react를 사용하다가 이번에 앱을 개발하기 위해 react-native 튜토리얼을 공부하고 있습니다.

react-native는 View, Text 같은 jsx엘리먼트를 사용하는 것으로 알고 있는데요, 서버에서 string에 html형식으로 담긴 데이터를 그릴 수 있는 방법이 있을까요?

이미 구현된 react 웹사이트에서 글 작성시에 html로 DB에 저장하고 보여주고 있습니다. 이 데이터를 그대로 사용하고 싶은데 react-native는 태그형식이 다른 것 같아서 어떻게 해야하는지 궁금합니다.

강병진 · Answer

이미 React로 해당 기능을 구현한 페이지가 있다면 그 페이지를 react-native-webview로 띄우시는 건 어떨까요?

https://github.com/react-native-webview/react-native-webview

성원 · Answer

react-native-render-html라는 라이브러리 써보는건 어떨까요?

RN 컴포넌트로 html을 네이티브 뷰로 렌더링 해주는 라이브러리 입니다.
https://github.com/meliorence/react-native-render-html

이런식으로 사용하면 됩니다.
https://codesandbox.io/s/react-native-render-html-demo-pnopr?file=/src/index.js