import React, { Component } from "react";
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Image,
  TouchableOpacity,
  ScrollView,
  ListView,
  Dimensions
} from "react-native";
import { StackNavigator, TabNavigator } from "react-navigation";

export default class Home extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
  componentWillMount() {}

  componentDidMount() {}

  getListData() {
    let that = this;
    return fetch(`https://devpay.brae.co/test/insurance/topic`, {
      method: "POST",
      headers: {
        Accept: "application/json",
        "Content-Type": "application/json"
      }
    })
      .then(resp => {
        if (resp.status === 200) {
          return resp.json();
        } else {
          console.error("something went wrong!");
        }
      })
      .then(respJson => {
        if (respJson.enmsg != "ok") {
          alert(respJson.cnmsg);
        } else {
          that.setState({
            ListData: respJson.data.topic
          });
          console.log("首页列表", this.state.ListData);
        }
      });
  }

  render() {
    // console.log("首页的this.props", this);
    // console.log("render首页文章列表", this.state.ListData);
    const { navigate } = this.props.navigation;
    return (
      <View style={styles.container}>
        <Image source={require("../../../assets/home/AIBegin.png")} style={{width: 90, height: 104}} />
        <View style={styles.textContainer}>
          <Text style={styles.text}>您还没有智能方案</Text>
          <Text style={styles.text}>点击下方按钮开始定制吧！</Text>
        </View>
        <TouchableOpacity style={styles.buttonContainer} onPress={() => navigate("AIQuestion")}>
          <Text style={styles.btnText}>开始定制</Text>
        </TouchableOpacity>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center",
    backgroundColor: "#F0F0F0",
    paddingBottom: 50,
  },
  textContainer: {
    justifyContent: "center",
    alignItems: "center",
    marginTop: 10,
  },
  text: {
    fontSize: 13,
    color: "#7A7A7A",
    lineHeight: 18,
  },
  buttonContainer: {
    marginTop: 50,
    flexDirection: "row",
    alignItems: "center",
    height: 45,
    marginLeft: 40,
    marginRight: 40,
    backgroundColor: "#1B9341",
    borderRadius: 5,
  },
  btnText: {
    color: "white",
    fontSize: 16,
    flex: 1,
    textAlign: "center",
  },
});