React Native 3

[React Native(RN)] Stack Screen 헤더 스타일 설정과 오류 해결 (backgroundColor, fontSize, color, fontWeight, headerShadowVisible, options 오류 메시지)

- 사용 언어: Typescript- 사용한 라이브러리: @react-navigation/native-stack npm install @react-navigation/native-stack코드Stack Screen의 헤더를 커스텀하기 위한 코드를 작성했습니다.options에서 설정을 적용하면 되는데, 적용할 설정이 많아서 options를 따로 선언해주었습니다.import { createNativeStackNavigator } from "@react-navigation/native-stack";type StackParamList = { Screen1: undefined; Screen2: undefined;}const Stack = createNativeStackNavigator();return ..

[React Native (RN)] 기본 캘린더 화면 구현하기 (react-native-calendars, Typescript)

React Native 기본 캘린더 화면을 구현합니다.Typescript로 작성되었으며, react-native-calendars 라이브러리를 사용합니다. https://github.com/wix/react-native-calendars GitHub - wix/react-native-calendars: React Native Calendar Components 🗓️ 📆React Native Calendar Components 🗓️ 📆 . Contribute to wix/react-native-calendars development by creating an account on GitHub.github.com구현1. react-native-calendars 라이브러리 설치npm install rea..

[React Native] 00. Expo 프로젝트 생성

Expo 프로젝트를 생성하기 전에 Node.js 버전을 확인하세요.이 글은 Node.js 버전이 17 이상일 경우의 프로젝트 생성 방법입니다. 1) 프로젝트 생성 및 종속성 설치Terminal에 다음과 같이 입력합니다.npx create-expo-app (생성할 프로젝트 이름) --template blank 다운로드를 진행합니다. 저는 단말기에서 프로젝트를 실행하기 위해 제 폰에 Expo Go 앱을 설치했습니다.(Google Play Store → Expo app 다운로드) 웹에서도 프로젝트를 실행하기 위해서는 종속성을 따로 설치해줘야 합니다.npx expo install react-dom react-native-web @expo/metro-runtime 프로젝트를 보면 App.js 파일이 있습니다. 이..

728x90
반응형