2026년 2월 26일 기준으로 PlatformPressable 을 사용하면 되네요 애니메이션 기반의 Pressable 컴포넌트라고 합니다. <pre><code class="language-typescriptreact">import { Ionicons } from "@expo/vector-icons";
import { type BottomTabBarButtonProps } from "@react-navigation/bottom-tabs";
import { PlatformPressable } from "@react-navigation/elements";
import { Tabs, useRouter } from "expo-router";
import { useRef, useState } from "react";
import {
 Animated,
 Modal,
 Text,
 TouchableOpacity,
 View,
} from "react-native";

const AnimatedTabBarButton = ({
 children,
 onPress,
 style,
 ...restProps
}: BottomTabBarButtonProps) => {
 const scaleValue = useRef(new Animated.Value(1)).current;

 const handlePressOut = () => {
 Animated.sequence([
 Animated.spring(scaleValue, {
 toValue: 1.2,
 useNativeDriver: true,
 speed: 200,
 }),

 Animated.spring(scaleValue, {
 toValue: 1,
 useNativeDriver: true,
 speed: 200,
 }),
 ]).start();
 };

 // const { ref, ...pressableProps } = restProps;

 return (
 <PlatformPressable
 {...restProps}
 onPress={onPress}
 onPressOut={handlePressOut}
 style={[
 { flex: 1, justifyContent: "center", alignItems: "center" },
 style,
 ]}
 android_ripple={{ borderless: false, radius: 0 }}
 >
 <Animated.View style={{ transform: [{ scale: scaleValue }] }}>
 {children}
 </Animated.View>
 </PlatformPressable>
 );
};</code></pre>

13강 AnimatedTabBarButton type 질문

저도 질문자님과 똑같이 동작하는데 강의 설명이랑 달라서 헷갈리네요

router.navigate동작이 달라요 ㅠ

getReference()만으로는 프록시가 생성된것이지 초기화(target에 객체를 참조)하지 않았으므로 초기화 한 상태는 아님, <pre><code>emf.getPersistenceUnitUtil().isLoaded(refMember)</code></pre>메소드는 최초에 영속성컨텍스트에서 값을 가져오면 실제 객체가 로드된 상태이므로 항상 true반환, 프록시에서 값을 가져왔을 경우 초기화가 안된상태에서는 false, 초기화가되면 true를 반환&nbsp;이해가 되었습니다. 감사합니다.

not

投稿