<Img/> don't show

please: 标签不显示 don’t show

For example: <img style="display: block; margin-left: auto; margin-right: auto;" src="http://static-dev.zhinaer.cn/upload/2018/05/20180525160036112.jpeg?imageView2/2/w/100/h/100/q/75|imageslim" />

[levidurfee]

少停

你的英语很好，比我的中文好得多。我不认识任何中国人。

我希望下面的代码有所帮助。我没有测试过，但请让我知道如果它不起作用，我会再试一次。

import React, { Component } from "react";
import { View, ListView, Image } from "react-native";
import HTMLView from "react-native-htmlview";

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      content: "<img src='https://dummyimage.com/600x400/000/fff' />"
    };
  }

  renderNode(node, index, siblings, parent, defaultRenderer) {
    if (node.name == "img") {
      return (
        <View>
          <Image source={{ uri: node.attribs.src }} />
        </View>
      );
    }
  }

  render() {
    return (
      <View>
        <HTMLView value={this.state.content} renderNode={this.renderNode} />
      </View>
    );
  }
}

Edit: Updated render method to return the view.

Edit: Pass props to construct.

[pheromone]

@Thyiad 后来我公司没有使用富文本了.所以我就没试了.现在我已经转到flutter了.RN半年没弄了,不好意思.