cuf cuf

리액트 네이티브 onLayout을 활용한 컴포넌트 사이즈 측정 훅으로 만들기: const useComponentSize = () => { const [size, setSize] = useState(0); const onLayout = useCallback((event) => { const {width, height, x, y} = event.nativeEvent.layout; setSize({width, height, x, y}); }, []); return [size, onLayout]; } const App = () => { const [size, setSize] = useComponentSize(); [...] }

개요 실행되어 있는 시뮬레이터에서 File>Open Deice에서 선택해서 실행시켜도 되는데 가끔 빌드가 안되서 에러나는 디펜던시 문제 때문에 다른 방법을 모색하던 중 명령어로 시뮬레이터를 바꿔서 빌드하여 실행시키는 방법을 찾게되었다. IOS 시뮬레이터 리스트 보기 설치 되어 있는 xcode 시뮬레이터 확인하는 방법: xcrun simctl list devices 시뮬레이터 변경하기 원하는 디바이스 시뮬레이터로 실행시키기 npm run ios -- --simnulator="iPhone 8"

수직, 수평 가운데 정렬 하는 스타일링 방법에 대해 알아보아요. 위와 같이 마크업을 했을 경우 를 수직 센터로 정렬하고 싶으시다면! const Wrap = styled.View` position: absolute; top:0; bottom:0; justify-content: center; align-items: center; `; 이렇게 스타일링을 해주면 되는데요, 정리를 하자면! 해당 Wrap을 위로 아래로 쭉 늘려준다음에 그 공간에서 flex 관련 속성으로 센터를 잡아주는 겁니당. 위의 스타일링을 적용한 경우 수직 센터를 한 결과를 보여줍니다!