罗广聪

选中图标

@@ -73,9 +73,9 @@ const MainTabBar = TabNavigator( @@ -73,9 +73,9 @@ const MainTabBar = TabNavigator(
73 title: "客户管理", 73 title: "客户管理",
74 tabBarIcon: ({ focused }) => 74 tabBarIcon: ({ focused }) =>
75 focused ? ( 75 focused ? (
76 - <Image source={require("./src/assets/tabbar/ic_discover_s.png")} /> 76 + <Image source={require("./src/assets/tabbar/ic_client_s.png")} />
77 ) : ( 77 ) : (
78 - <Image source={require("./src/assets/tabbar/ic_discover_n.png")} /> 78 + <Image source={require("./src/assets/tabbar/ic_client_n.png")} />
79 ) 79 )
80 } 80 }
81 }, 81 },
@@ -37,9 +37,11 @@ export default class Import extends Component { @@ -37,9 +37,11 @@ export default class Import extends Component {
37 <ScrollView style={styles.mainSvcContainer}> 37 <ScrollView style={styles.mainSvcContainer}>
38 {customersList.map((item, index) => { 38 {customersList.map((item, index) => {
39 return ( 39 return (
40 - <TouchableOpacity key={index}> 40 + <TouchableOpacity key={index} style={styles.CustomerItemContaier}>
41 - <View /> 41 + <View style={styles.itemSelectIconContainer}>
42 - <Text>{item.name}</Text> 42 + <Image style={styles.itemSelectIcon} source={require("../../assets/customer/ic1_n.png")} />
  43 + </View>
  44 + <Text style={styles.CustomerItemText}>{item.name}</Text>
43 </TouchableOpacity> 45 </TouchableOpacity>
44 ); 46 );
45 })} 47 })}
@@ -76,6 +78,31 @@ const styles = StyleSheet.create({ @@ -76,6 +78,31 @@ const styles = StyleSheet.create({
76 marginBottom: 50, 78 marginBottom: 50,
77 flex: 1 79 flex: 1
78 }, 80 },
  81 + CustomerItemContaier: {
  82 + flexDirection: "row",
  83 + justifyContent: "flex-start",
  84 + alignItems: "center",
  85 + backgroundColor: "white",
  86 + paddingVertical: 12,
  87 + marginLeft: 16,
  88 + marginRight: 10,
  89 + borderStyle: "solid",
  90 + borderColor: "#F2F2F2",
  91 + borderBottomWidth: 1
  92 + },
  93 + itemSelectIconContainer: {
  94 + justifyContent: "center",
  95 + alignItems: "center",
  96 + marginRight: 10,
  97 + },
  98 + itemSelectIcon: {
  99 + width: 15,
  100 + height: 15,
  101 + },
  102 + CustomerItemText: {
  103 + fontSize: 16,
  104 + color: "#202020"
  105 + },
79 selectBtnContaier: { 106 selectBtnContaier: {
80 position: "absolute", 107 position: "absolute",
81 bottom: 0, 108 bottom: 0,
@@ -96,6 +123,7 @@ const styles = StyleSheet.create({ @@ -96,6 +123,7 @@ const styles = StyleSheet.create({
96 selectAllContainer: { 123 selectAllContainer: {
97 marginLeft: 20, 124 marginLeft: 20,
98 }, 125 },
  126 + selectAllText: {},
99 selectedTextContaier: { 127 selectedTextContaier: {
100 flexDirection: "row", 128 flexDirection: "row",
101 marginLeft: 20, 129 marginLeft: 20,
@@ -64,11 +64,10 @@ export default class Customer extends Component { @@ -64,11 +64,10 @@ export default class Customer extends Component {
64 contacts.forEach((item, index) => { 64 contacts.forEach((item, index) => {
65 customersList.push({ 65 customersList.push({
66 name: item.familyName + item.givenName, 66 name: item.familyName + item.givenName,
67 - phone: item.phoneNumbers.map((phone, index2) => { 67 + phone: item.phoneNumbers[0] ? item.phoneNumbers[0].number: '',
68 - return phone.number;  
69 - })  
70 }); 68 });
71 }); 69 });
  70 + // console.log("通信录", contacts);
72 console.log("通信录", customersList); 71 console.log("通信录", customersList);
73 navigate("CustomerImport", { customersList: customersList }); 72 navigate("CustomerImport", { customersList: customersList });
74 } 73 }