罗广聪

AIBegin

@@ -8,7 +8,7 @@ import { @@ -8,7 +8,7 @@ import {
8 TouchableOpacity, 8 TouchableOpacity,
9 ScrollView, 9 ScrollView,
10 ListView, 10 ListView,
11 - Dimensions, 11 + Dimensions
12 } from "react-native"; 12 } from "react-native";
13 import { StackNavigator, TabNavigator } from "react-navigation"; 13 import { StackNavigator, TabNavigator } from "react-navigation";
14 14
@@ -55,7 +55,14 @@ export default class Home extends Component { @@ -55,7 +55,14 @@ export default class Home extends Component {
55 const { navigate } = this.props.navigation; 55 const { navigate } = this.props.navigation;
56 return ( 56 return (
57 <View style={styles.container}> 57 <View style={styles.container}>
58 - <Text>智能入口</Text> 58 + <Image source={require("../../../assets/home/AIBegin.png")} style={{width: 90, height: 104}} />
  59 + <View style={styles.textContainer}>
  60 + <Text style={styles.text}>您还没有智能方案</Text>
  61 + <Text style={styles.text}>点击下方按钮开始定制吧!</Text>
  62 + </View>
  63 + <TouchableOpacity style={styles.buttonContainer} onPress={() => navigate("AIQuestion")}>
  64 + <Text style={styles.btnText}>开始定制</Text>
  65 + </TouchableOpacity>
59 </View> 66 </View>
60 ); 67 );
61 } 68 }
@@ -64,8 +71,35 @@ export default class Home extends Component { @@ -64,8 +71,35 @@ export default class Home extends Component {
64 const styles = StyleSheet.create({ 71 const styles = StyleSheet.create({
65 container: { 72 container: {
66 flex: 1, 73 flex: 1,
67 - justifyContent: "flex-start", 74 + justifyContent: "center",
68 - alignItems: "stretch", 75 + alignItems: "center",
69 - backgroundColor: "#EFEFEF" 76 + backgroundColor: "#F0F0F0",
  77 + paddingBottom: 50,
  78 + },
  79 + textContainer: {
  80 + justifyContent: "center",
  81 + alignItems: "center",
  82 + marginTop: 10,
  83 + },
  84 + text: {
  85 + fontSize: 13,
  86 + color: "#7A7A7A",
  87 + lineHeight: 18,
  88 + },
  89 + buttonContainer: {
  90 + marginTop: 50,
  91 + flexDirection: "row",
  92 + alignItems: "center",
  93 + height: 45,
  94 + marginLeft: 40,
  95 + marginRight: 40,
  96 + backgroundColor: "#1B9341",
  97 + borderRadius: 5,
  98 + },
  99 + btnText: {
  100 + color: "white",
  101 + fontSize: 16,
  102 + flex: 1,
  103 + textAlign: "center",
70 }, 104 },
71 }); 105 });