add padding

This commit is contained in:
m
2026-07-12 21:25:29 +02:00
parent e1b98432f3
commit f7d2d05418
+10 -3
View File
@@ -1,5 +1,5 @@
import React, { useState, useMemo } from 'react'; import React, { useState, useMemo, useEffect } from 'react';
import { View, FlatList, StyleSheet, TouchableOpacity, Text, Dimensions, Image, ActivityIndicator, KeyboardAvoidingView, Platform } from 'react-native'; import { View, FlatList, StyleSheet, TouchableOpacity, Text, Dimensions, Image, ActivityIndicator, KeyboardAvoidingView, Platform, Keyboard } from 'react-native';
import { useNavigation } from '@react-navigation/native'; import { useNavigation } from '@react-navigation/native';
import { useSafeAreaInsets } from 'react-native-safe-area-context'; import { useSafeAreaInsets } from 'react-native-safe-area-context';
import { NativeStackNavigationProp } from '@react-navigation/native-stack'; import { NativeStackNavigationProp } from '@react-navigation/native-stack';
@@ -103,6 +103,13 @@ export function HomeScreen() {
const { data, isLoading, error } = useFiles(); const { data, isLoading, error } = useFiles();
const [searchQuery, setSearchQuery] = useState(''); const [searchQuery, setSearchQuery] = useState('');
const [filters, setFilters] = useState<SearchFilters>({ name: true, ocrText: true, tags: true }); const [filters, setFilters] = useState<SearchFilters>({ name: true, ocrText: true, tags: true });
const [keyboardOpen, setKeyboardOpen] = useState(false);
useEffect(() => {
const show = Keyboard.addListener('keyboardDidShow', () => setKeyboardOpen(true));
const hide = Keyboard.addListener('keyboardDidHide', () => setKeyboardOpen(false));
return () => { show.remove(); hide.remove(); };
}, []);
const files = data?.data ?? []; const files = data?.data ?? [];
@@ -185,7 +192,7 @@ export function HomeScreen() {
onClear={() => setSearchQuery('')} onClear={() => setSearchQuery('')}
filters={filters} filters={filters}
onFiltersChange={setFilters} onFiltersChange={setFilters}
bottomPadding={insets.bottom+8} bottomPadding={keyboardOpen ? insets.bottom+8 : 0}
/> />
<View style={styles.bottomNav}> <View style={styles.bottomNav}>