前端小庙之 React-Native 里html标签转换(react-native-htmlview)

【师傅,你知道我在想谁么?】
【昨天那个女施主。】
【你怎么知道。】
【我也在想。】
【那你怎么睡得着?】
【那是大方丈的闺女,想也白想。】
【师傅,那Vue怎么绑定HTML嘛】
【v-html,简单】
【哦,那react呢】
【用dangerouslySetInnerHTML,无趣】
【哦,那React-native呢】
【这。。。时间不早了,早点睡吧】

react-native-htmlview

使用react-native-htmlview将html 代码片段渲染为RN组件,还可以定制你喜欢的样式

import React from 'react';
import {StyleSheet} from 'react-native';
import HTMLView from 'react-native-htmlview';

class App extends React.Component {
  render() {
    const htmlContent = `<p><a href="http://jsdf.co">&hearts; nice job!</a></p>`;

    return (
      <HTMLView
        value={htmlContent}
        stylesheet={styles}
      />
    );
  }
}

const styles = StyleSheet.create({
  a: {
    fontWeight: '300',
    color: '#FF3366', // make links coloured pink
  },
});

github地址:react-native-htmlview

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 玉楼春-五月(顾夐体) 文/诗者如斯夫 五月石榴胜火涌, 授带荣花歌技动。 少童勤恳比愚公, 青少爱心从庆梦。 感...
    诗者如斯夫阅读 748评论 5赞 14
  • 从前没有爱情,对爱情不屑一顾,淡淡定定。 而今简简单单经历过,才知道,情感这东西,一旦锁定,那将难以忘却。 有些人...
    庄德坤阅读 209评论 0赞 0

友情链接更多精彩内容