개발
React Native
Expo
TypeScript
Expo Router
* navigation 방법
- <Link href="/..." /> : 컴포넌트를 통한 navigation
- router.push("/...") : 이벤트 발생시 navigation
https://docs.expo.dev/routing/navigating-pages/
https://www.youtube.com/watch?v=yyGS0adZdsU&list=LL&index=8&t=5351s
* params 전달 방법
- useGlobalSearchParams()
- useLocalSearchParams()
https://docs.expo.dev/router/reference/hooks/
* header Option 설정
https://expo.github.io/router/docs/migration/react-navigation/screen/
반응형 디자인 적용
react-native-responsive-dimensions 사용
https://jiny-dongle.tistory.com/41
Android에서 text 여백 발생 문제
includeFontPadding: false
Recoil 적용 시 <RecoilRoot /> 적용 위치 및 SafeAreaView 적용
// app/_layout.tsx
export default () => {
return (
<RecoilRoot>
<SafeAreaView style={styles.container}>
<Stack screenOptions={{ headerShown: false }} />
</SafeAreaView>
</RecoilRoot>
)
}
const styles = StyleSheet.create({
container: {
flex: 1,
paddingTop: Platform.OS == "android" ? rh(45) : 0,
paddingBottom: Platform.OS == "android" ? rh(15) : 0
}
})
처음 client file은 app/_layout.
모듈 오류
@react-native-clipboard/clipboard
네이티브 모듈이라 에러남 => expo-clipboard 사용
'Framework > React Native' 카테고리의 다른 글
React Native CLI vs Expo (0) | 2024.02.20 |
---|---|
[RN][Expo] 배포 (1) | 2023.11.30 |
[RN][Expo] Semi-Calories 개발 도움됐던 Document 정리 (0) | 2023.08.25 |
[RN][Expo] Axios 를 이용해 API(Spring)와 통신 (0) | 2023.08.13 |
[RN][Expo] expo-media-library 앨범 사진 onEndReached로 계속 가져오기 (0) | 2023.08.01 |