다 좋은데 말야..

Render ErrorRendered fewer hooks than expected. This may be caused by an accidental early return statement. React가 컴포넌트를 다시 렌더링 할 때, 이전 렌더링보다 적은 수의 Hook을 실행했다는 의미입니다.React는 각 렌더링마다 Hook의 개수와 순서가 정확히 동일해야 한다는 규칙이 있는데, 이 규칙이 위반되었다는 뜻입니다. 여기서 Hooks는 React Native의 Hooks, 필자가 직접 커스텀한 Hooks를 모두 포함합니다. 필자의 경우,깃 브랜치를 바꾸면서 발생했는데요. yarn androidyarn ios 로 간단히 해결했습니다.

open -a "Android Studio" android위 명령어를 사용해야. Android Studio에서 정상 빌드 됩니다.Android Studio 아이콘으로 직접 실행해서, RN 루트의 android폴더를 Android Studio로 직접 오픈하면 에러가 발생하기 때문입니다.

import { LayoutChangeEvent, View, Text } from 'react-native';const handleLayout = (event: LayoutChangeEvent) => { const { x, y, width, height } = event.nativeEvent.layout; console.log(`위치: (${x}, ${y}), 크기: ${width} x ${height}`);}; Hello WorldReact Native의 onLayout은 컴포넌트가 화면에 렌더링되고 레이아웃이 계산된 후에 호출되는 이벤트 핸들러다.컴포넌트의 위치(x, y)와 크기(width, height) 정보를 실시간으로 얻을 수 있다. 다만, 레이아웃이 변경될 때마다 onLayout이 호출되..