🚧 Just playing safe...
Changes
2 files changed, +14 -3
MODIFY
app/_layout.tsx
+1 -1
@@ -23,7 +23,7 @@
23
23
<Stack.Screen name="project/[id]" options={{ headerShown: false }} />
24
24
<Stack.Screen name="archive" options={{ title: 'Archive', headerBackTitle: 'Back' }} />
25
25
<Stack.Screen name="webdav-setup" options={{ title: 'WebDAV Setup', headerBackTitle: 'Back' }} />
26
- <Stack.Screen name="modal" options={{ presentation: 'modal', title: 'Modal' }} />
26
+ <Stack.Screen name="modal" options={{ presentation: 'transparentModal', title: 'Modal', headerShown: false }} />
27
27
</Stack>
28
28
<StatusBar style="auto" />
29
29
</NavigationThemeProvider>
MODIFY
app/modal.tsx
+13 -2
@@ -26,6 +26,7 @@
26
26
<ThemedView style={styles.container}>
27
27
<TouchableOpacity style={styles.overlay} onPress={handleClose} />
28
28
<ThemedView style={styles.modal}>
29
+ <ThemedView style={styles.handle} />
29
30
<TaskForm ref={taskFormRef} id="new" onSave={router.back} />
30
31
</ThemedView>
31
32
</ThemedView>
@@ -43,9 +44,19 @@
43
44
backgroundColor: 'rgba(0,0,0,0.5)',
44
45
},
45
46
modal: {
46
- height: '80%',
47
+ height: '90%',
47
48
borderTopLeftRadius: 20,
48
49
borderTopRightRadius: 20,
49
50
overflow: 'hidden',
51
+ paddingTop: 16,
50
52
},
51
-});
53
+ handle: {
54
+ width: 40,
55
+ height: 5,
56
+ borderRadius: 2.5,
57
+ backgroundColor: 'rgba(0,0,0,0.2)',
58
+ alignSelf: 'center',
59
+ marginTop: 8,
60
+ marginBottom: 16,
61
+ },
62
+});