![]()
시나리오 Tab1 Screen에서 랜더링된 이벤트 알림 리스트에 대해, 각각의 알림을 클릭하면 이와 관련된 페이지가 열리겠끔 Navigation 구현 구성 Screens > Tab1 > Tab1Screen.tsx navigationProp import 구성요소를 클릭할 수 있게 만들어주는 TouchableOpacity import React from 'react'; import { View, Text, FlatList, StyleSheet, TouchableOpacity } from 'react-native'; import { NavigationProp } from '@react-navigation/native'; TypeScript에서 사용되는 인터페이스 정의 Navigation 동작과 관련된 메서드를..
배경 IOS에서는 Expo가 잘 실행되어 표시되는 반면, 안드로이드에서는 "RNGestureHandlerRootView" was not found in the UIManager 에러가 뜨면서 화면이 켜지지 않는 문제 발생 문제 해결 시도 1차 시도 실패 https://stackoverflow.com/questions/71396210/rngesturehandlerrootview-was-not-found-in-the-uimanager npm install react-native-gesture-handler 이후 npx expo start로 재 실행. App.tsx에 아래와 같이 import 구문 추가 import 'react-native-gesture-handler'; 2차 시도 실패 https://reac..
환경 winodows 11 내용 출처 왕초보를 위한 React Native 101 https://nomadcoders.co/react-native-for-beginners/lectures/3116 The Rules of Native React Native는 웹사이트가 아니다. div, p 사용 불가능, View를 써야한다. 모든 text는 Text component에 들어가야한다. StyleSheet.create 를 통해 원하는 스타일 묶음을 담아놓을 수 있다. (언제든지 사용할 수 있도록) StyleSheet.create를 사용할 경우, 자동완성이 가능해진다. StatusBar : 시계, 배터리, Wi-Fi 등을 폰 윗부분에 표시, 운영체제와 소통(개발자 들을 위한 인터페이스) # app.js impo..
![]()
환경 winodows 11 내용 출처 왕초보를 위한 React Native 101 https://nomadcoders.co/react-native-for-beginners/lectures/3116 node.js 설치 https://nodejs.org/en expo 설치 본래 어플리케이션 개발을 위해서는 아래의 표와 같이 깔아야할께 무척 많다. 시뮬레이터, Java, Xcode, ... iOS; Objective-c, Swift 초심자인 우리는 "expo" 를 써보자. 작성한 코드에 대해 어플리케이션에서 어떻게 나타나는지 바로 확인할 수 있도록 해준다. 핸드폰으로 또한 expo 어플을 깔아야한다. mac 유저의 경우 watchman 추가 설치 ( brew install watchman ) npm insta..
