int work and icon on header
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
import React from "react";
|
||||
import { View, ImageBackground, ScrollView } from "react-native";
|
||||
import { Text, TextInput, Button, Divider, Checkbox } from "react-native-paper";
|
||||
import { View, ImageBackground, ScrollView, Picker } from "react-native";
|
||||
import { Text, TextInput, Button, Divider, Checkbox, RadioButton } from "react-native-paper";
|
||||
import i18n from "../i18nMessages.js";
|
||||
import Moment from 'moment';
|
||||
import 'moment/min/locales';
|
||||
@@ -118,7 +118,14 @@ let ProfileSettings = ()=>{
|
||||
value={description}
|
||||
onChangeText={text => setDescription(text)}
|
||||
/>
|
||||
<Button icon="photo" mode="outlined" onPress={pickImage} >Update Photo</Button>
|
||||
<Text>Language:</Text>
|
||||
<View style={{flexDirection:"row"}}>
|
||||
<RadioButton.Group value='en' style={{flexDirection:"row"}}>
|
||||
<RadioButton.Item value="es" label="Español"/>
|
||||
<RadioButton.Item value="en" label="English"/>
|
||||
</RadioButton.Group>
|
||||
</View>
|
||||
<Button icon="photo" mode="outlined" onPress={pickImage} >{i18n.t("message.updatePhoto")}</Button>
|
||||
<Divider />
|
||||
<View style={{paddingTop: 10}}>
|
||||
<Text style={{fontSize:20, padding: 5, color:"#666"}}>Preview:</Text>
|
||||
@@ -126,45 +133,40 @@ let ProfileSettings = ()=>{
|
||||
</View>
|
||||
<Button mode="outlined" onPress={updateProfile}>{i18n.t("message.update")}</Button>
|
||||
<Divider />
|
||||
<Text style={{fontSize:20, padding: 5, color:"#666"}}>Optional:</Text>
|
||||
<View style={{flexDirection:"row", justifyContent:"space-between"}}>
|
||||
<Checkbox.Item status={'unchecked'} label="Married" />
|
||||
<Checkbox.Item status={'unchecked'} label="With Kids" />
|
||||
<Text style={{fontSize:20, padding: 5, color:"#666"}}>{i18n.t("message.optional")}:</Text>
|
||||
<View style={{flexDirection:"row", justifyContent:"space-evenly"}}>
|
||||
<Checkbox.Item status={'unchecked'} label="Married" />
|
||||
<Checkbox.Item status={'unchecked'} label="With Kids" />
|
||||
</View>
|
||||
<Text>{i18n.t("message.birthday")}</Text>
|
||||
<View style={{flexDirection:"row", justifyContent:"space-between"}}>
|
||||
<TextInput
|
||||
label={"Birthday Day:"}
|
||||
label={"Day:"}
|
||||
style={{width:"48%", backgroundColor:"rgba(0,0,0,0)"}}
|
||||
//value={name}
|
||||
//onChangeText={text => setName(text)}
|
||||
/>
|
||||
<TextInput
|
||||
label={"Birtday Month:"}
|
||||
label={"Month:"}
|
||||
style={{width:"48%", backgroundColor:"rgba(0,0,0,0)"}}
|
||||
//value={lastName}
|
||||
//onChangeText={text => setLastName(text)}
|
||||
/>
|
||||
</View>
|
||||
<TextInput
|
||||
label={"Local Ministry"}
|
||||
label={i18n.t("message.localMinistry")}
|
||||
style={{backgroundColor:"rgba(0,0,0,0)"}}
|
||||
//value={lastName}
|
||||
//onChangeText={text => setLastName(text)}
|
||||
/>
|
||||
<TextInput
|
||||
label={"Country"}
|
||||
label={i18n.t("message.country")}
|
||||
style={{backgroundColor:"rgba(0,0,0,0)"}}
|
||||
//value={lastName}
|
||||
//onChangeText={text => setLastName(text)}
|
||||
/>
|
||||
<TextInput
|
||||
label={"ZipCode"}
|
||||
style={{backgroundColor:"rgba(0,0,0,0)"}}
|
||||
//value={lastName}
|
||||
//onChangeText={text => setLastName(text)}
|
||||
/>
|
||||
<TextInput
|
||||
label={"Ocupation"}
|
||||
label={i18n.t("message.ocupation")}
|
||||
style={{backgroundColor:"rgba(0,0,0,0)"}}
|
||||
//value={lastName}
|
||||
//onChangeText={text => setLastName(text)}
|
||||
|
||||
Reference in New Issue
Block a user