From b408b54e96bf39a4f24515e78a0fb0fc030811c3 Mon Sep 17 00:00:00 2001 From: Antonis Lilis Date: Tue, 26 May 2026 10:35:22 +0200 Subject: [PATCH 1/2] chore(e2e): Update Expo sample to SDK 56 Co-Authored-By: Claude Opus 4.6 --- samples/expo/app/(tabs)/_layout.tsx | 34 +- samples/expo/app/(tabs)/index.tsx | 5 +- samples/expo/app/_layout.tsx | 30 +- samples/expo/components/Themed.tsx | 3 +- samples/expo/package.json | 38 +- samples/expo/tsconfig.json | 1 - yarn.lock | 2481 +++++++++++++-------------- 7 files changed, 1288 insertions(+), 1304 deletions(-) diff --git a/samples/expo/app/(tabs)/_layout.tsx b/samples/expo/app/(tabs)/_layout.tsx index dc831a1959..3bc8bc3749 100644 --- a/samples/expo/app/(tabs)/_layout.tsx +++ b/samples/expo/app/(tabs)/_layout.tsx @@ -1,32 +1,33 @@ -import FontAwesome from '@expo/vector-icons/FontAwesome'; import { Link, Tabs } from 'expo-router'; import React from 'react'; -import { Pressable } from 'react-native'; +import { type ColorValue, Pressable, Text } from 'react-native'; import { useClientOnlyValue } from '@/components/useClientOnlyValue'; import { useColorScheme } from '@/components/useColorScheme'; import Colors from '@/constants/Colors'; -// You can explore the built-in icon families and icons on the web at https://icons.expo.fyi/ -function TabBarIcon(props: { name: React.ComponentProps['name']; color: string }) { - return ; +function TabBarIcon({ label, color }: { label: string; color: ColorValue }) { + return {label}; } -function CodeIcon({ color }: { color: string }) { - return ; +function CodeIcon({ color }: { color: ColorValue }) { + return ; } -function InfoButton({ colorScheme }: { colorScheme: 'light' | 'dark' | null }) { +function InfoButton({ colorScheme }: { colorScheme: string }) { return ( {({ pressed }) => ( - + + ⓘ + )} @@ -36,12 +37,13 @@ function InfoButton({ colorScheme }: { colorScheme: 'light' | 'dark' | null }) { export default function TabLayout() { const colorScheme = useColorScheme(); - const renderInfoButton = React.useCallback(() => , [colorScheme]); + const theme = colorScheme === 'dark' ? 'dark' : 'light'; + const renderInfoButton = React.useCallback(() => , [theme]); return ( @@ -32,7 +33,7 @@ export default function TabOneScreen() {