import React, { Component } from “react”;
import {
ScrollView,
StyleSheet,
Dimensions,
ActivityIndicator,
View,
Text
} from “react-native”;
import { getData } from “…/comm/Fetch”;
import ReplyItem from “./ReplyItem”;
import ReplyTextarea from “./ReplyTextarea”;
import HTML from “react-native-render-html”;
export default class Xiangqing extends Component {
static navigationOptions = ({ navigation }) => {
return {
title: navigation.getParam(“title”)
};
};
constructor(props) {
super(props);
this.state = {
loaded: false,
replies: [],
content: “” //初始化为空
};
}
requestData = async () => {
try {
let url = “/topic/” + this.props.navigation.getParam(“id”);
let data = await getData(url); //网络获取的
data = data.data; //网络里面的data属性
this.setState({
content: data.content,
replies: data.replies,
loaded: true
});
} catch (err) {
console.error(err);
}
};
componentDidMount() {
this.requestData();
}
render() {
return (
{this.state.loaded ? (
html={this.state.content}
imagesMaxWidth={Dimensions.get(“window”).width - 20} //减去二十是因为padding边框是10
/>
{this.state.replies.length}
条评论
{this.state.replies.map(item => (
))}
) : (
)}
);
}
}
const style = StyleSheet.create({
box: {
flex: 1
},
replyTitle: {
backgroundColor: “#FFF”,
color: “#666”,
padding: 10,
fontSize: 16,
marginTop: 10
},
padding10: {
padding: 10
}
});