update deps and fix navbar icon

This commit is contained in:
Jorrin
2024-02-03 21:31:19 +01:00
parent add7c1841d
commit 82172727e9
5 changed files with 9 additions and 41 deletions

View File

@@ -6,7 +6,7 @@ const defineConfig = (): ExpoConfig => ({
scheme: "dev.movieweb.app",
version: "1.0.0",
orientation: "portrait",
icon: "./assets/icon.png",
icon: "./assets/images/icon.png",
userInterfaceStyle: "automatic",
splash: {
image: "./assets/images/splash.png",

View File

@@ -29,8 +29,8 @@
"react": "18.2.0",
"react-dom": "18.2.0",
"react-native": "0.73.2",
"react-native-css-interop": "~0.0.13",
"react-native-gesture-handler": "~2.14.0",
"react-native-css-interop": "~0.0.22",
"react-native-gesture-handler": "~2.14.1",
"react-native-reanimated": "~3.6.2",
"react-native-safe-area-context": "~4.8.2",
"react-native-screens": "~3.29.0",

View File

@@ -56,7 +56,7 @@ export default function TabLayout() {
tabBarLabel: "",
tabBarIcon: () => (
<TabBarIcon
className=" bg-primary-400 flex aspect-[1/1] h-14 items-center justify-center rounded-full text-center text-2xl text-white"
className="top-2 flex aspect-[1/1] h-14 items-center justify-center rounded-full bg-primary-400 text-center align-middle text-2xl text-white"
name="search"
color="#FFF"
/>

View File

@@ -1,6 +1,5 @@
import { useCallback, useRef, useState } from "react";
import { View } from "react-native";
import { TextInput } from "react-native-gesture-handler";
import { TextInput, View } from "react-native";
import { useFocusEffect } from "expo-router";
import { FontAwesome5 } from "@expo/vector-icons";
@@ -24,7 +23,7 @@ export default function Searchbar() {
);
return (
<View className="border-primary-400 focus-within:border-primary-300 mb-6 mt-4 flex-row items-center rounded-full border">
<View className="mb-6 mt-4 flex-row items-center rounded-full border border-primary-400 focus-within:border-primary-300">
<View className="ml-1 w-12 items-center justify-center">
<FontAwesome5 name="search" size={18} color={Colors.secondary[200]} />
</View>