|
@@ -1,36 +1,41 @@
|
|
import React from 'react';
|
|
import React from 'react';
|
|
-import { Image,StyleSheet, Text, View,TextInput ,TouchableOpacity} from 'react-native';
|
|
|
|
|
|
+import { Image, ScrollView, Alert ,StyleSheet, Text, View,TextInput ,TouchableOpacity} from 'react-native';
|
|
|
|
+import Button from 'antd-mobile-rn/lib/button';
|
|
|
|
+import { List,Switch,SearchBar } from 'antd-mobile-rn';
|
|
import commonStyles from '../../../styles/styles'
|
|
import commonStyles from '../../../styles/styles'
|
|
-import {Device} from '../../../tool'
|
|
|
|
-
|
|
|
|
|
|
+import {Icon,Device} from '../../../tool'
|
|
|
|
|
|
|
|
+const Item = List.Item;
|
|
|
|
+const Brief = Item.Brief;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default class AddFriend extends React.Component {
|
|
export default class AddFriend extends React.Component {
|
|
constructor(props) {
|
|
constructor(props) {
|
|
super(props);
|
|
super(props);
|
|
|
|
+ this. state = {
|
|
|
|
+ //value: '美食',
|
|
|
|
+ };
|
|
}
|
|
}
|
|
|
|
|
|
static navigationOptions ={
|
|
static navigationOptions ={
|
|
title:'添加朋友'
|
|
title:'添加朋友'
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+ onBlur = (value) => {
|
|
|
|
+ //跳转
|
|
|
|
+ }
|
|
|
|
+
|
|
render() {
|
|
render() {
|
|
const {navigation} =this.props
|
|
const {navigation} =this.props
|
|
- const Icon_in = require('../../../../assets/2x/in.png')
|
|
|
|
- const Icon_Contact_scan = require('../../../../assets/2x/contact/scan.png')
|
|
|
|
- const Icon_Contact_search = require('../../../../assets/2x/contact/search.png')
|
|
|
|
- const Icon_Contact_phoneCall = require('../../../../assets/2x/contact/phoneCall.png')
|
|
|
|
- const Icon_Contact_code = require('../../../../assets/2x/contact/code.png')
|
|
|
|
return (
|
|
return (
|
|
<View style={commonStyles.page}>
|
|
<View style={commonStyles.page}>
|
|
<View style={styles.searchBarWrap}>
|
|
<View style={styles.searchBarWrap}>
|
|
<View style={styles.serchWrap}>
|
|
<View style={styles.serchWrap}>
|
|
- <Image style={styles.searchImg} source={Icon_Contact_search}/>
|
|
|
|
|
|
+ <Image style={styles.searchImg} source={Icon.Contact.search}/>
|
|
<TextInput
|
|
<TextInput
|
|
style={[styles.searchBar,{padding:0}]}
|
|
style={[styles.searchBar,{padding:0}]}
|
|
placeholder="手机号/ID号搜索"
|
|
placeholder="手机号/ID号搜索"
|
|
|
|
+ // onFocus
|
|
/>
|
|
/>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
@@ -39,7 +44,7 @@ export default class AddFriend extends React.Component {
|
|
<TouchableOpacity onPress={()=>{
|
|
<TouchableOpacity onPress={()=>{
|
|
navigation.navigate({ routeName:"QrCode" })
|
|
navigation.navigate({ routeName:"QrCode" })
|
|
}}>
|
|
}}>
|
|
- <Image style={styles.idEWM} source={Icon_Contact_code}/>
|
|
|
|
|
|
+ <Image style={styles.idEWM} source={Icon.Contact.code}/>
|
|
</TouchableOpacity>
|
|
</TouchableOpacity>
|
|
|
|
|
|
</View>
|
|
</View>
|
|
@@ -49,22 +54,22 @@ export default class AddFriend extends React.Component {
|
|
navigation.navigate({ routeName:"QRScannerView" })
|
|
navigation.navigate({ routeName:"QRScannerView" })
|
|
}}>
|
|
}}>
|
|
<View style={styles.list}>
|
|
<View style={styles.list}>
|
|
- <Image style={styles.scanImg} source={Icon_Contact_scan}/>
|
|
|
|
|
|
+ <Image style={styles.scanImg} source={Icon.Contact.scan}/>
|
|
<View style={styles.listTitle}>
|
|
<View style={styles.listTitle}>
|
|
<Text style={styles.listOne}>扫一扫</Text>
|
|
<Text style={styles.listOne}>扫一扫</Text>
|
|
<Text style={styles.listTwo}>扫描二维码名片</Text>
|
|
<Text style={styles.listTwo}>扫描二维码名片</Text>
|
|
</View>
|
|
</View>
|
|
- <Image style={styles.inImg} source={Icon_in}/>
|
|
|
|
|
|
+ <Image style={styles.inImg} source={Icon.in}/>
|
|
</View>
|
|
</View>
|
|
</TouchableOpacity>
|
|
</TouchableOpacity>
|
|
|
|
|
|
<View style={styles.list}>
|
|
<View style={styles.list}>
|
|
- <Image style={styles.scanImg} source={Icon_Contact_phoneCall}/>
|
|
|
|
|
|
+ <Image style={styles.scanImg} source={Icon.Contact.phoneCall}/>
|
|
<View style={styles.listTitle}>
|
|
<View style={styles.listTitle}>
|
|
<Text style={styles.listOne}>手机联系人</Text>
|
|
<Text style={styles.listOne}>手机联系人</Text>
|
|
<Text style={styles.listTwo}>添加或邀请通讯录中的朋友</Text>
|
|
<Text style={styles.listTwo}>添加或邀请通讯录中的朋友</Text>
|
|
</View>
|
|
</View>
|
|
- <Image style={styles.inImg} source={Icon_in}/>
|
|
|
|
|
|
+ <Image style={styles.inImg} source={Icon.in}/>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
@@ -78,6 +83,10 @@ const styles = StyleSheet.create({
|
|
searchBarWrap:{
|
|
searchBarWrap:{
|
|
backgroundColor:'#f0f0f0',
|
|
backgroundColor:'#f0f0f0',
|
|
height:Device.scale(58),
|
|
height:Device.scale(58),
|
|
|
|
+ // paddingLeft:8,
|
|
|
|
+ // paddingRight:8,
|
|
|
|
+ // paddingTop:11,
|
|
|
|
+ // paddingBottom:11,
|
|
},
|
|
},
|
|
serchWrap:{
|
|
serchWrap:{
|
|
borderRadius:Device.scale(8),
|
|
borderRadius:Device.scale(8),
|