728x90 반응형 분류 전체보기258 EXPO) gorhom의 BOTTOM SHEET에 대해서 잠깐 알아보기 안녕하세요. 짭짭이입니다.이번에는 EXPO의 Bottom Sheet 라이브러리와 expo Router에서 Modal 방식으로 View를 나오게 할 때 주의사항에 대해 말씀드릴려고 합니다. https://github.com/gorhom/react-native-bottom-sheet GitHub - gorhom/react-native-bottom-sheet: A performant interactive bottom sheet with fully configurable options 🚀A performant interactive bottom sheet with fully configurable options 🚀 - gorhom/react-native-bottom-sheetgithub.comgorhom의 B.. 2025. 3. 15. EXPO) FlashList로 다양한 크기의 이미지 보여주기 안녕하세요. 짭짭이 입니다.이번에는 EXPO에서 FlatList가 아닌 FlashList로 다양한 크기의 이미지를 보여줄 수 있는것을 구현해봤습니다.또한 일반적인 Image가 아닌 Image Caching을 지원하는 Expo-image 를 사용해서 이미지를 보여주는 것을 해봤습니다. ** 기본 컴포넌트 구조 ** ** FlatList를 활용한 Categories 컴포넌트 **export function Categories({ activeCategory, handleChangeCategory }: { activeCategory: string , handleChangeCategory: (category: string | null) => void }) { retu.. 2025. 2. 23. EXPO) ReactNative의 Animation 구현하기 안녕하세요. 짭짭이 입니다.간단하게 작업한 것을 작성하도록 하겠습니다. 색에 대해 도와 주는 Helper APIinterface Colors { white: string; black: string; grayBG: string; neutral: (opacity: number) => string;}interface FontWeights { // Define font weight properties here if needed medium: "500"; semibold: "600"; bold: "700";}interface Radius { // Define radius properties here if needed xs: number; sm: numbe.. 2025. 2. 23. EXPO) Expo Router로 Navigation 구현하기 안녕하세요! 짭짭이입니다.File 구조 형식으로 Navigation을 구현하는 Expo Router에 대해 정리하도록 하겠습니다.npx create-expo-app --template default 물론 https://docs.expo.dev/router/installation/ 에서 메뉴얼로 작업 가능하지만 위 커맨드로 시작하면 이러한 파일 구조를 가지게 됩니다.여기서 APP 부분에서 작업을 하게 되는데, 그 이유는 package.json의 main에서 부터 시작하기 때문입니다. 제가 아직은 자세히 아는 것은 아니지만, Expo Router에서 중요한 것은 파일 구조와 Layout과 Page 입니다.파일 구조는 결국 PATH를 의미합니다. 기존에 Swift에서 특정 View를 넣는 형식이 아니라 Pat.. 2025. 1. 20. 이전 1 2 3 4 ··· 65 다음 728x90 반응형
