From a43d40396e12b805548dba0de390136e53c2aeea Mon Sep 17 00:00:00 2001 From: "naavi.ahmed" <s2101848@students.villacollege.edu.mv> Date: Wed, 23 Apr 2025 19:03:08 +0500 Subject: [PATCH] changed textinput text and placeholder to support theming --- app/index.tsx | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/app/index.tsx b/app/index.tsx index e2bdfda..2ef45ff 100644 --- a/app/index.tsx +++ b/app/index.tsx @@ -6,12 +6,13 @@ import { View, Platform, TextInput, - TouchableOpacity + TouchableOpacity, } from 'react-native'; import Film from 'components/Film'; import Cog from 'assets/98446.svg'; import { useRouter } from 'expo-router'; import { useColorScheme } from 'nativewind'; +import { StatusBar } from 'expo-status-bar'; export default function Index() { const [film, setFilm] = useState<string>(''); @@ -37,7 +38,8 @@ export default function Index() { }; return ( - <View className="flex-1 bg-white dark:bg-neutral-900"> + <View className="flex-1 bg-white dark:bg-neutral-900 py-10"> + <StatusBar style={colorScheme=='dark' ? 'light' : 'dark'} /> {/* Film Listing */} <View className="flex-row items-center justify-between px-4 pt-4"> <Text className="text-2xl font-bold dark:text-white">Your Films</Text> @@ -62,14 +64,15 @@ export default function Index() { className="absolute bottom-4 w-full flex-row justify-between items-center px-4" > <TextInput - className="py-3 px-4 bg-gray-200 rounded-full w-[75%]" + className="py-3 px-4 dark:text-white bg-gray-200 dark:bg-neutral-600 rounded-full w-[80%]" + placeholderTextColor={colorScheme=="dark" ? "white" : "black"} placeholder="Create a Film" value={film} onChangeText={text => setFilm(text)} /> <TouchableOpacity onPress={handleAddFilm}> - <View className="w-12 h-12 bg-gray-200 rounded-full justify-center items-center"> + <View className="w-14 h-14 bg-gray-200 dark:bg-neutral-600 rounded-full justify-center items-center"> <Text className="text-3xl text-sky-500">+</Text> </View> </TouchableOpacity> -- GitLab