罗广聪

AIBegin

... ... @@ -8,7 +8,7 @@ import {
TouchableOpacity,
ScrollView,
ListView,
Dimensions,
Dimensions
} from "react-native";
import { StackNavigator, TabNavigator } from "react-navigation";
... ... @@ -55,7 +55,14 @@ export default class Home extends Component {
const { navigate } = this.props.navigation;
return (
<View style={styles.container}>
<Text>智能入口</Text>
<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>
);
}
... ... @@ -64,8 +71,35 @@ export default class Home extends Component {
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: "flex-start",
alignItems: "stretch",
backgroundColor: "#EFEFEF"
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",
},
});
... ...