HtmlText

HtmlText可以用来展示一段html文本。目前支持的标签有：<a href="..."><br><img>

用法样例：

render() {

let
 html = 
"
<
a href='tel:18355551276'
>
我是一个链接
<
/a
>
我是正常的文本
<
br
>
<
img src=\"http://img4.imgtn.bdimg.com/it/u=2613903619,3875661913
&
fm=21
&
gp=0.jpg\"
>
<
/img
>
<
br
>
它是图片"
;


let
 config = {imageWidth:
100
, imageHeight:
100
, fontSize: 
15
, fontColor:
'#FF00FF'
};


return
 (

<
HtmlText
style
=
{styles.demo_view}
html
=
{html}
config
=
{config}
onUrlClick
=
{this.onUrlClick}
onImgClick
=
{this.onImgClick}
/
>

    );
}

截图

属性

html string

需要显示的html

config object

配置相关参数，可配置图片宽度、高度、字体大小、字体颜色、最大行数，最大行数为0表示自适应高度，默认为0，默认值如下：{imageWidth:100, imageHeight:100, fontSize:14, fontColor:'#000000',maxLines:0}

onImgClick function

点击html文本中的图片将回调此函数。参数为：{imageUrl : "xxx"}

如果不传递此属性，默认调用图片浏览器查看PhotoBrowser

onUrlClick function

点击html文本中的链接（网址，电话号码，Ctrip内部链接等）将回调此函数。参数为：{url : "xxx"}

如果不传递此属性，默认链接由Ctrip打开。