반응 네이티브 : 텍스트 구성 요소의 첨자 텍스트를 표시

Question

나는 다음과 같은 텍스트가 : 있도록

• 태그에 의해 그것을 태그를 구문 분석 :

  <div>Answer the following <span class='title'>Question:</span><br> (a+b)<sup>2</sup>=?</div> 
  

  내가이 텍스트로 다음을 수행 할을 각 태그를 사용자 정의 방식으로 렌더링 할 수 있습니다. 이 라이브러리를 사용하여 달성 할 수 있습니다. https://github.com/Thomas101/react-native-fence-html.

• 위 첨자/아래 첨자 태그를 구문 분석하는 동안 콘텐츠를 적절한 방식으로 렌더링합니다. 이것은 내가 지금 붙어있는 곳입니다.

제가 지금하고있는 일은 텍스트 구성 요소에 전체 텍스트를 (처음부터 끝까지) 넣는 것입니다. 각 span 및 br 태그는 부모 텍스트 구성 요소 (div 태그의 구성 요소) 내에 중첩 된 텍스트 구성 요소로 렌더링됩니다.
어떻게 위 첨자/아래 첨자 텍스트를 렌더링합니까?

참고 : 여기 해결책 찾았어요 : 텍스트 구성 요소 내부의보기를 생성, Superscript Text in React Native
을하지만 고정 된 크기를 가지고보기를 필요로하고, 그 달성하지 무언가이다.

Answer 1

한 가지 옵션은 HTML을 Markdown으로 먼저 변환 한 다음 마크 다운을 렌더링하는 것입니다. 나는 그 두 가지 행동 모두에 도서관이 있다고 믿습니다.