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