movie-web/native-app
1
0
Fork 0
mirror of https://github.com/movie-web/native-app.git synced 2025-09-13 12:23:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: slight visual indication that search tab is focused

Browse Source
This commit is contained in:
Adrian Castro
2024-02-18 21:37:46 +01:00
parent 62fdd3e99c
commit 8914cca32c
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/expo/src/app/(tabs)/_layout.tsx
View File

@@ -56,8 +56,10 @@ export default function TabLayout() {
options={{ options={{
title: "Search", title: "Search",
tabBarLabel: "", tabBarLabel: "",
tabBarIcon: () => ( tabBarIcon: ({ focused }) => (
<View className="android:top-2 ios:top-2 flex h-14 w-14 items-center justify-center overflow-hidden rounded-full bg-primary-400 text-center align-middle text-2xl text-white"> <View
className={`android:top-2 ios:top-2 flex h-14 w-14 items-center justify-center overflow-hidden rounded-full ${focused ? "bg-primary-300" : "bg-primary-400"} text-center align-middle text-2xl text-white`}
>
<TabBarIcon name="search" color="#FFF" /> <TabBarIcon name="search" color="#FFF" />
</View> </View>
), ),