Skip to content

S
shoppinglist
Commit 2db00341 authored by Farhani's avatar Farhani
Browse files
Options

Add new screen

parent 4aa41b36
Expand all Show whitespace changes
Inline Side-by-side
Showing with 62 additions and 39 deletions
App.js
View file @ 2db00341
......@@ -46,7 +46,7 @@ const App = () => {
name="AddItemScreen"
component={AddItemScreen}
options={{
title: 'List name',
title: 'Add new item',
headerStyle: {
backgroundColor: 'white',
},
......
screens/AddItemScreen/index.js
View file @ 2db00341
This diff is collapsed.
screens/ItemScreen/index.js
View file @ 2db00341
This diff is collapsed.
screens/ListScreen/index.js
View file @ 2db00341
......@@ -572,7 +572,7 @@ const listItemView = ( item ) => (
style={{
height:'100%',
width:'100%',
// backgroundColor:'rgba(192,192,192,0.8)',
backgroundColor:'rgba(192,192,192,0.8)',
justifyContent:'center',
alignItems:'center'
}}>
......@@ -587,56 +587,71 @@ const listItemView = ( item ) => (
onPress={() => setManageListModalVisible(false)}
/>
<View
style={[styles.manageModalView,{}]}>
style={{backgroundColor:'white',
width:"100%",
height:200,
justifyContent:'flex-start',
position:'absolute',
bottom:0,
borderRadius:15,}}>
<Text
style={{
fontFamily:'Poppins-SemiBold',
fontSize:20,
color:'black',
alignSelf:'center',
marginTop:20
}}>
Photo
</Text>
<TouchableOpacity
style={{
marginHorizontal:40,
flexDirection:'row',
marginTop:15,
justifyContent:'center',
// width:'100%',
// height:'5%',
// marginHorizontal:50,
marginTop:20,
}}
onPress={()=>setEditModalVisible(true)}>
onPress={()=> setEditModalVisible(true)}
>
<MaterialCommunityIcons
name="pencil"
size={28}
color='grey'
name="camera"
size={30}
color="#838383"
/>
<Text
style={{
fontSize:20,
alignSelf:'center',
textAlignVertical:'center',
marginHorizontal:30,
fontFamily:'Poppins-Regular',
fontSize:20,
color:'black',
textAlignVertical:'center',
marginHorizontal:25,
marginTop:5
}}>
Rename
</Text>
</TouchableOpacity>
<TouchableOpacity
style={{
marginHorizontal:40,
flexDirection:'row',
marginTop:20,
justifyContent:'center',
marginRight:10
// width:'100%',
// height:'5%',
// marginHorizontal:10
}}
onPress={()=>setDeleteModalVisible(true)}>
onPress={()=>setDeleteModalVisible(true)}
>
<MaterialCommunityIcons
name="delete"
size={28}
color='#c60000'
size={30}
color="#c60000"
/>
<Text
style={{
fontSize:20,
alignSelf:'center',
textAlignVertical:'center',
marginHorizontal:30,
fontFamily:'Poppins-Regular',
fontSize:20,
color:'#c60000',
marginHorizontal:25,
marginTop:5
}}>
Delete
</Text>
......@@ -703,24 +718,28 @@ const listItemView = ( item ) => (
}}>
<View
style={{
backgroundColor:'white',
borderRadius:7,
backgroundColor:'#ededed',
borderRadius:9,
width:275,
height:50,
marginHorizontal:19,
marginTop:10,
elevation:8,
borderWidth:0.2,
borderColor:'white',
// elevation:8,
// borderWidth:0.2,
// borderColor:'white',
justifyContent:'center',
alignContent:'flex-start',
alignItems:'flex-start',
alignSelf:'center',
}}>
<TextInput
style={{
fontSize:20,
marginHorizontal:5,
fontFamily:'Poppins-Bold',
fontFamily:'Poppins-SemiBold',
alignItems:'center',
textAlignVertical:'top',
width:'100%',
// textAlignVertical:'top',
}}
placeholder="New List"
placeholderTextColor="grey"
......@@ -855,23 +874,27 @@ const EditListModal = () => {
}}>
<View
style={{
backgroundColor:'white',
borderRadius:7,
backgroundColor:'#ededed',
borderRadius:9,
width:275,
height:50,
marginHorizontal:19,
marginTop:10,
elevation:7,
justifyContent:'center',
alignContent:'flex-start',
alignItems:'flex-start',
alignSelf:'center',
}}>
<TextInput
style={{
fontSize:20,
marginHorizontal:5,
fontFamily:'Poppins-Bold',
fontFamily:'Poppins-SemiBold',
alignItems:'center',
textAlignVertical:'top',
width:'100%'
}}
// placeholder="New List"
placeholder="Rename List"
placeholderTextColor="grey"
onChangeText={(name) => setName(name)}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment