프로그래머처럼 생각하기

저번 시간에 @react-navigation-native를 이용해서 페이지 이동까지 구현했습니당. 오늘 해야 할 것은 태그에 적힌 메세지를 읽고 해당하는 페이지로 이동해야합니다. nfc-manager 사용법 GitHub - revtel/react-native-nfc-manager: React Native NFC module for Android & iOS React Native NFC module for Android & iOS. Contribute to revtel/react-native-nfc-manager development by creating an account on GitHub. github.com 설치하고 아래에 있는 예제 코드를 사용하면 tag가 읽혀지고 값을 얻을 수 있습니다. comp..

react-navigation 사용법 Navigating Between Screens · React Native Mobile apps are rarely made up of a single screen. Managing the presentation of, and transition between, multiple screens is typically handled by what is known as a navigator. reactnative.dev App.js import {NavigationContainer} from '@react-navigation/native'; import React from 'react'; import {StyleSheet} from 'react-native'; import..

ScrollView는 많은 props을 가지고 있어서 따로 봐야 할 정도임 pagingEnabled 는 한 페이지를 스크롤을 끈끈하게 만든다 해야하나 자유로운 스크롤이 아닌 해당하는 width만큼 화면이 변함.. 말로 설명이 안됨.. style적용시 반드시 contentContainerStyle을 사용

의 경우 기본적으로 display: flex; 가 적용됐다고 생각하면된다. |브라우저의 경우 flex-direction: row; 인 반면 RN에서는 flexDirection: column임 import { View } from "react-native"; export default function App() { return ( ); } 크기조정을 width: 100px; height: 200px;식으로 조정하지 않고 flex: 숫자 같이 정의해서 사용

React Native에서 많은 Component와 APIs를 지원했고 RN 개발팀이 직접 개발하기에 버그픽스가 빨랐다고 함. 그러나 너무 많은 기능을 만들고 하는데는 그 만큼 많은 리소스가 들어가기 때문에 RN에서는 필요한 것들만 추려낸 Component와 APIs를 제공하고 나머지는 third party library로 사용함. expo에서 제공하거나 사용자들이 만들어낸 것을 사용함 예) Statusbar, Navigator