能选中状态

@@ -16,7 +16,9 @@ import post from "../../utils/fetch";
 export default class Import extends Component {
 export default class Import extends Component {
   constructor(props) {
   constructor(props) {
     super(props);
     super(props);
-    this.state = {};
+    this.state = {
+      customersList: this.props.navigation.state.params.customersList
+    };
   }
   }
   componentWillMount() {}
   componentWillMount() {}
 
 
@@ -28,13 +30,65 @@ export default class Import extends Component {
     post("/test/insurance/article", {}, res => {}, err => {});
     post("/test/insurance/article", {}, res => {}, err => {});
   }
   }
 
 
+  /* customersList: [
+      ...this.state.customersList.slice(0, index),
+      {
+        ...this.state.customersList[index],
+        selected: !this.state.customersList[index].selected
+      },
+      ...this.state.slice(index + 1)
+    ] */
   render() {
   render() {
     const { navigate } = this.props.navigation;
     const { navigate } = this.props.navigation;
-    const customersList = this.props.navigation.state.params.customersList;
+    const { customersList } = this.state;
+    // const customersList = this.props.navigation.state.params.customersList;
+    const ds = new ListView.DataSource({
+      rowHasChanged: (r1, r2) => r1 !== r2
+    });
+    const dataSource = ds.cloneWithRows(customersList);
     return (
     return (
       <View style={styles.container}>
       <View style={styles.container}>
-        {/* <Text>导入客户</Text> */}
-        <ScrollView style={styles.mainSvcContainer}>
+        <ListView
+          style={styles.mainSvcContainer}
+          dataSource={dataSource}
+          enableEmptySections={true}
+          renderRow={(item,secid, index) => {
+            return (
+              <TouchableOpacity
+                key={index}
+                style={styles.CustomerItemContaier}
+                onPress={() => {
+                  let Temp = customersList;
+                  console.log(index);
+                  {/* return; */}
+                  Temp.splice(index, 1, {
+                    ...customersList[index],
+                    selected: !customersList[index].selected
+                  });
+                  this.setState({
+                    customersList: Temp
+                  });
+                }}
+              >
+                <View style={styles.itemSelectIconContainer}>
+                  {item.selected ? (
+                    <Image
+                      style={styles.itemSelectIcon}
+                      source={require("../../assets/customer/ic1_s.png")}
+                    />
+                  ) : (
+                    <Image
+                      style={styles.itemSelectIcon}
+                      source={require("../../assets/customer/ic1_n.png")}
+                    />
+                  )}
+                </View>
+                <Text style={styles.CustomerItemText}>{item.name}</Text>
+              </TouchableOpacity>
+            );
+          }}
+        />
+        {/* <ScrollView style={styles.mainSvcContainer}>
           {customersList.map((item, index) => {
           {customersList.map((item, index) => {
             return (
             return (
               <TouchableOpacity key={index} style={styles.CustomerItemContaier}>
               <TouchableOpacity key={index} style={styles.CustomerItemContaier}>
@@ -45,7 +99,7 @@ export default class Import extends Component {
               </TouchableOpacity>
               </TouchableOpacity>
             );
             );
           })}
           })}
-        </ScrollView>
+        </ScrollView> */}
         <View style={styles.selectBtnContaier}>
         <View style={styles.selectBtnContaier}>
           <View style={styles.selectBtnContaierLeft}>
           <View style={styles.selectBtnContaierLeft}>
             <TouchableOpacity style={styles.selectAllContainer}>
             <TouchableOpacity style={styles.selectAllContainer}>
@@ -93,11 +147,11 @@ const styles = StyleSheet.create({
   itemSelectIconContainer: {
   itemSelectIconContainer: {
     justifyContent: "center",
     justifyContent: "center",
     alignItems: "center",
     alignItems: "center",
-    marginRight: 10,
+    marginRight: 10
   },
   },
   itemSelectIcon: {
   itemSelectIcon: {
     width: 15,
     width: 15,
-    height: 15,
+    height: 15
   },
   },
   CustomerItemText: {
   CustomerItemText: {
     fontSize: 16,
     fontSize: 16,
@@ -118,25 +172,25 @@ const styles = StyleSheet.create({
     borderTopWidth: 1
     borderTopWidth: 1
   },
   },
   selectBtnContaierLeft: {
   selectBtnContaierLeft: {
-    flexDirection: "row",
+    flexDirection: "row"
   },
   },
   selectAllContainer: {
   selectAllContainer: {
-    marginLeft: 20,
+    marginLeft: 20
   },
   },
   selectAllText: {},
   selectAllText: {},
   selectedTextContaier: {
   selectedTextContaier: {
     flexDirection: "row",
     flexDirection: "row",
-    marginLeft: 20,
+    marginLeft: 20
   },
   },
   importBtnContaier: {
   importBtnContaier: {
     width: 100,
     width: 100,
     height: 49,
     height: 49,
     backgroundColor: "#1B9341",
     backgroundColor: "#1B9341",
     justifyContent: "center",
     justifyContent: "center",
-    alignItems: "center",
+    alignItems: "center"
   },
   },
   importBtnText: {
   importBtnText: {
     color: "white",
     color: "white",
-    fontSize: 16,
+    fontSize: 16
   }
   }
 });
 });

@@ -64,7 +64,8 @@ export default class Customer extends Component {
         contacts.forEach((item, index) => {
         contacts.forEach((item, index) => {
           customersList.push({
           customersList.push({
             name: item.familyName + item.givenName,
             name: item.familyName + item.givenName,
-            phone: item.phoneNumbers[0] ? item.phoneNumbers[0].number: '',
+            phone: item.phoneNumbers[0] ? item.phoneNumbers[0].number : "",
+            selected: false,
           });
           });
         });
         });
         // console.log("通信录", contacts);
         // console.log("通信录", contacts);