728x90 반응형 React/Native6 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) 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. EXPO) React Native에 TypeScript+Redux ToolKit 적용#1 안녕하세요. 후르륵짭짭입니다.취미 생활로 하는 Expo에 Redux ToolKit을 적용한 내용을 작성하도록 하겠습니다. https://redux-toolkit.js.org/usage/usage-with-typescript Usage With TypeScript | Redux Toolkit redux-toolkit.js.org이 글을 보고 Redux ToolKit을 Typescript로 적용하는 방법을 공부를 해보려고 합니다. ** 설치 ** npm install @reduxjs/toolkit react-redux redux-thunk ** CreateSlice ** 실질적으로 행동을 담당하는 역할을 한다.createSlice는 Redux Toolkit에서 리듀서와 관련된 로직을 간단하게 작성할 수 있도.. 2024. 12. 8. EXPO) EXPO에 앱 업로드 하기 (Simulator & Manual Build) https://docs.expo.dev/build/setup/ Create your first buildLearn how to create a build for your app with EAS Build.docs.expo.dev 안녕하세요. 후르륵짭짭입니다. npm install -g eas-cli eas login eas build:configure=> ALL (IOS, Android) 플랫폼 선택을 해준다.=> eas.json 파일이 생성 된다. - 전체적인 eas.json 파일"build": { "development": { "developmentClient": true, "distribution": "internal" }, "preview": { "and.. 2024. 12. 6. 이전 1 2 다음 728x90 반응형
