Hướng dẫn convert html to text react native - chuyển đổi html thành văn bản phản ứng gốc

react-native-htmltext

WIP: Thử nghiệm sử dụng HTML như đánh dấu để tạo văn bản cách điệu trong React-rative.

Why?

React Native cung cấp một yếu tố văn bản cho văn bản cách điệu. Thay vì sử dụng NSAttributedString, bạn tạo văn bản lồng nhau:

  I am bold 
   and red 

Mặc dù cách tiếp cận này là tuyệt vời cho văn bản giao diện tĩnh, nhưng nếu chúng ta có văn bản động với định dạng mà chúng ta không biết cho đến khi chúng ta sử dụng nó? HtmlText là một thành phần để trình bày một tập hợp con HTML hạn chế dưới dạng các quan điểm gốc React.

Quan trọng: Điều này sẽ không thay thế WebView của bạn cho kết xuất HTML, thay vào đó, nó sử dụng một tập hợp con HTML hạn chế và cố gắng trình bày nó bằng các yếu tố Text gốc một cách hợp lý.: This is not going to replace your WebView for HTML rendering, instead it use a limited subset of HTML and try to present it using native Text elements in a reasonable way.

Thí dụ

Đầu vào

render: function() {
  var html = `
Hello world world foo bar hahh
`



  return (
    <View style={styles.container}>
      <HtmlText style={styles.welcome} html={html}></HtmlText>
    </View>
  );
}

Đầu vào

render: function() {
  var html = `
Hello world world foo 
bar hahh
`
  return (
    <View style={styles.container}>



      <HtmlText style={styles.welcome} html={html}></HtmlText>
    </View>
  );
}