heinrich/klatab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added darkness effect to filtermodal

Browse Source
This commit is contained in:
Heinrich Thaler
2024-09-19 16:33:36 +02:00
parent 2513177a00
commit d4319d0269
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
common/FilterModal.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { Modal, View, StyleSheet, Text, ScrollView, Dimensions } from 'react-native'; import { View, Modal, StyleSheet, Text, ScrollView, Dimensions, Platform } from 'react-native';
import RNPickerSelect from 'react-native-picker-select'; import RNPickerSelect from 'react-native-picker-select';
import { FontAwesome } from '@expo/vector-icons'; import { FontAwesome } from '@expo/vector-icons';
import { useColors } from '../common/colors'; import { useColors } from '../common/colors';
@@ -23,11 +23,11 @@ const FilterModal = ({ filter, setFilter, userInformation, baseData }: FilterMod
const screenHeight = Dimensions.get('window').height; const screenHeight = Dimensions.get('window').height;
const styles = StyleSheet.create({ const styles = StyleSheet.create({
modalContainer: { modalOverlay: {
flex: 1, flex: 1,
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
marginTop: 22, backgroundColor: 'rgba(0, 0, 0, 0.5)',
}, },
modalView: { modalView: {
margin: 20, margin: 20,
@@ -74,7 +74,7 @@ const FilterModal = ({ filter, setFilter, userInformation, baseData }: FilterMod
transparent={true} transparent={true}
onRequestClose={() => setFilter(tempFilter)} onRequestClose={() => setFilter(tempFilter)}
> >
<View style={styles.modalContainer}> <View style={styles.modalOverlay}>
<View style={styles.modalView}> <View style={styles.modalView}>
<ScrollView contentContainerStyle={{ flexGrow: 1 }}> <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
<ThemeText style={styles.modalSubtitle}>Kriterium</ThemeText> <ThemeText style={styles.modalSubtitle}>Kriterium</ThemeText>