数据解析跳转详情-Details

import React, { Component } from "react";

import { ScrollView, StyleSheet, Dimensions, View } from "react-native";

import HTML from "react-native-render-html"; //渲染html成原生内容

export default class Details extends Component {

  /**

  * 初始化构造方法

  */

  constructor(props) {

    super(props);

  }

  /**

  * 元素渲染

  */

  render() {

    var content = this.props.navigation.getParam("abc", "123");

    return (

      <View style={styles.container}>

        <ScrollView style={{ flex: 1 }}>

          <HTML

            html={content}

            imagesMaxWidth={Dimensions.get("window").width - 20}

          />

        </ScrollView>

      </View>

    );

  }

}

/**

* 样式表

*/

const styles = StyleSheet.create({

  container: {

    flex: 1,

    backgroundColor: "#F5FCFF"

  },

  welcome: {

    flex: 1

  }

});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容