프로그래머처럼 생각하기

react-native-video GitHub - react-native-video/react-native-video: A component for react-native A component for react-native. Contribute to react-native-video/react-native-video development by creating an account on GitHub. github.com import {View, StyleSheet} from 'react-native'; import React from 'react'; import Video from 'react-native-video'; const SecondPage = () => { return ( ); }; var sty..

저번 시간에 @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: 숫자 같이 정의해서 사용