import样式

@@ -8,7 +8,7 @@ import {
   TouchableOpacity,
   TouchableOpacity,
   ScrollView,
   ScrollView,
   ListView,
   ListView,
-  Dimensions,
+  Dimensions
 } from "react-native";
 } from "react-native";
 import { StackNavigator, TabNavigator } from "react-navigation";
 import { StackNavigator, TabNavigator } from "react-navigation";
 import post from "../../utils/fetch";
 import post from "../../utils/fetch";
@@ -21,7 +21,7 @@ export default class Import extends Component {
   componentWillMount() {}
   componentWillMount() {}
 
 
   componentDidMount() {
   componentDidMount() {
-    console.log("导入客户",this.props.navigation.state.params);
+    console.log("导入客户", this.props.navigation.state.params);
   }
   }
 
 
   getListData() {
   getListData() {
@@ -30,9 +30,36 @@ export default class Import extends Component {
 
 
   render() {
   render() {
     const { navigate } = this.props.navigation;
     const { navigate } = this.props.navigation;
+    const customersList = this.props.navigation.state.params.customersList;
     return (
     return (
       <View style={styles.container}>
       <View style={styles.container}>
-        <Text>导入客户</Text>
+        {/* <Text>导入客户</Text> */}
+        <ScrollView style={styles.mainSvcContainer}>
+          {customersList.map((item, index) => {
+            return (
+              <TouchableOpacity key={index}>
+                <View />
+                <Text>{item.name}</Text>
+              </TouchableOpacity>
+            );
+          })}
+        </ScrollView>
+        <View style={styles.selectBtnContaier}>
+          <View style={styles.selectBtnContaierLeft}>
+            <TouchableOpacity style={styles.selectAllContainer}>
+              <View style={styles.selectAllIcon} />
+              <Text style={styles.selectAllText}>全选</Text>
+            </TouchableOpacity>
+            <View style={styles.selectedTextContaier}>
+              <Text>已选中</Text>
+              <Text>0</Text>
+              <Text>项</Text>
+            </View>
+          </View>
+          <TouchableOpacity style={styles.importBtnContaier}>
+            <Text style={styles.importBtnText}>导入</Text>
+          </TouchableOpacity>
+        </View>
       </View>
       </View>
     );
     );
   }
   }
@@ -43,6 +70,45 @@ const styles = StyleSheet.create({
     flex: 1,
     flex: 1,
     justifyContent: "flex-start",
     justifyContent: "flex-start",
     alignItems: "stretch",
     alignItems: "stretch",
-    backgroundColor: "#EFEFEF"
+    backgroundColor: "white"
+  },
+  mainSvcContainer: {
+    marginBottom: 50,
+    flex: 1
+  },
+  selectBtnContaier: {
+    position: "absolute",
+    bottom: 0,
+    backgroundColor: "white",
+    height: 49,
+    width: Dimensions.get("window").width,
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    flex: 1,
+    borderColor: "#E4E4E4",
+    borderStyle: "solid",
+    borderTopWidth: 1
+  },
+  selectBtnContaierLeft: {
+    flexDirection: "row",
+  },
+  selectAllContainer: {
+    marginLeft: 20,
+  },
+  selectedTextContaier: {
+    flexDirection: "row",
+    marginLeft: 20,
+  },
+  importBtnContaier: {
+    width: 100,
+    height: 49,
+    backgroundColor: "#1B9341",
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  importBtnText: {
+    color: "white",
+    fontSize: 16,
   }
   }
 });
 });