perf(tv): optimize focus animations and disable native glass effect

This commit is contained in:
Fredrik Burmester
2026-01-31 21:34:49 +01:00
parent f549e8eaed
commit e6598f0944
8 changed files with 78 additions and 53 deletions

View File

@@ -56,8 +56,8 @@ export const TVActorCard = React.forwardRef<View, TVActorCardProps>(
overflow: "hidden",
backgroundColor: "rgba(255,255,255,0.1)",
marginBottom: 14,
borderWidth: focused ? 3 : 0,
borderColor: "#fff",
borderWidth: 2,
borderColor: focused ? "#FFFFFF" : "transparent",
}}
>
{imageUrl ? (

View File

@@ -397,6 +397,8 @@ export const TVPosterCard: React.FC<TVPosterCardProps> = ({
aspectRatio,
borderRadius: 24,
backgroundColor: "#1a1a1a",
borderWidth: 2,
borderColor: focused ? "#FFFFFF" : "transparent",
}}
/>
);
@@ -432,6 +434,8 @@ export const TVPosterCard: React.FC<TVPosterCardProps> = ({
borderRadius: 24,
overflow: "hidden",
backgroundColor: "#1a1a1a",
borderWidth: 2,
borderColor: focused ? "#FFFFFF" : "transparent",
}}
>
<Image

View File

@@ -69,6 +69,8 @@ export const TVSeriesSeasonCard: React.FC<TVSeriesSeasonCardProps> = ({
borderRadius: 24,
overflow: "hidden",
backgroundColor: "rgba(255,255,255,0.1)",
borderWidth: 2,
borderColor: focused ? "#FFFFFF" : "transparent",
}}
>
{imageUrl ? (