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 = () => { ...@@ -46,7 +46,7 @@ const App = () => {
name="AddItemScreen" name="AddItemScreen"
component={AddItemScreen} component={AddItemScreen}
options={{ options={{
title: 'List name', title: 'Add new item',
headerStyle: { headerStyle: {
backgroundColor: 'white', 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 ) => ( ...@@ -572,7 +572,7 @@ const listItemView = ( item ) => (
style={{ style={{
height:'100%', height:'100%',
width:'100%', width:'100%',
// backgroundColor:'rgba(192,192,192,0.8)', backgroundColor:'rgba(192,192,192,0.8)',
justifyContent:'center', justifyContent:'center',
alignItems:'center' alignItems:'center'
}}> }}>
...@@ -587,56 +587,71 @@ const listItemView = ( item ) => ( ...@@ -587,56 +587,71 @@ const listItemView = ( item ) => (
onPress={() => setManageListModalVisible(false)} onPress={() => setManageListModalVisible(false)}
/> />
<View <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 <TouchableOpacity
style={{ style={{
marginHorizontal:40,
flexDirection:'row', flexDirection:'row',
marginTop:15, marginTop:20,
justifyContent:'center',
// width:'100%',
// height:'5%',
// marginHorizontal:50,
}} }}
onPress={()=>setEditModalVisible(true)}> onPress={()=> setEditModalVisible(true)}
>
<MaterialCommunityIcons <MaterialCommunityIcons
name="pencil" name="camera"
size={28} size={30}
color='grey' color="#838383"
/> />
<Text <Text
style={{ style={{
fontSize:20, alignSelf:'center',
textAlignVertical:'center',
marginHorizontal:30,
fontFamily:'Poppins-Regular', fontFamily:'Poppins-Regular',
fontSize:20,
color:'black', color:'black',
textAlignVertical:'center', marginTop:5
marginHorizontal:25,
}}> }}>
Rename Rename
</Text> </Text>
</TouchableOpacity> </TouchableOpacity>
<TouchableOpacity <TouchableOpacity
style={{ style={{
marginHorizontal:40,
flexDirection:'row', flexDirection:'row',
marginTop:20, marginTop:20,
justifyContent:'center',
marginRight:10
// width:'100%',
// height:'5%',
// marginHorizontal:10
}} }}
onPress={()=>setDeleteModalVisible(true)}> onPress={()=>setDeleteModalVisible(true)}
>
<MaterialCommunityIcons <MaterialCommunityIcons
name="delete" name="delete"
size={28} size={30}
color='#c60000' color="#c60000"
/> />
<Text <Text
style={{ style={{
fontSize:20, alignSelf:'center',
textAlignVertical:'center',
marginHorizontal:30,
fontFamily:'Poppins-Regular', fontFamily:'Poppins-Regular',
fontSize:20,
color:'#c60000', color:'#c60000',
marginHorizontal:25, marginTop:5
}}> }}>
Delete Delete
</Text> </Text>
...@@ -703,24 +718,28 @@ const listItemView = ( item ) => ( ...@@ -703,24 +718,28 @@ const listItemView = ( item ) => (
}}> }}>
<View <View
style={{ style={{
backgroundColor:'white', backgroundColor:'#ededed',
borderRadius:7, borderRadius:9,
width:275, width:275,
height:50, height:50,
marginHorizontal:19, marginHorizontal:19,
marginTop:10, marginTop:10,
elevation:8, // elevation:8,
borderWidth:0.2, // borderWidth:0.2,
borderColor:'white', // borderColor:'white',
justifyContent:'center',
alignContent:'flex-start',
alignItems:'flex-start',
alignSelf:'center',
}}> }}>
<TextInput <TextInput
style={{ style={{
fontSize:20, fontSize:20,
marginHorizontal:5, marginHorizontal:5,
fontFamily:'Poppins-Bold', fontFamily:'Poppins-SemiBold',
alignItems:'center', alignItems:'center',
textAlignVertical:'top', width:'100%',
// textAlignVertical:'top',
}} }}
placeholder="New List" placeholder="New List"
placeholderTextColor="grey" placeholderTextColor="grey"
...@@ -855,23 +874,27 @@ const EditListModal = () => { ...@@ -855,23 +874,27 @@ const EditListModal = () => {
}}> }}>
<View <View
style={{ style={{
backgroundColor:'white', backgroundColor:'#ededed',
borderRadius:7, borderRadius:9,
width:275, width:275,
height:50, height:50,
marginHorizontal:19, marginHorizontal:19,
marginTop:10, marginTop:10,
elevation:7, justifyContent:'center',
alignContent:'flex-start',
alignItems:'flex-start',
alignSelf:'center',
}}> }}>
<TextInput <TextInput
style={{ style={{
fontSize:20, fontSize:20,
marginHorizontal:5, marginHorizontal:5,
fontFamily:'Poppins-Bold', fontFamily:'Poppins-SemiBold',
alignItems:'center', alignItems:'center',
textAlignVertical:'top', textAlignVertical:'top',
width:'100%'
}} }}
// placeholder="New List" placeholder="Rename List"
placeholderTextColor="grey" placeholderTextColor="grey"
onChangeText={(name) => setName(name)} 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