728x90

ReactNative 14

[RN] React Navigation TopTab 추가

리액트 네이티브로 간단한 앱을 만들면서 겪었던 일을 기록합니다. 리액트 네이티브 버전 : "react-native": "0.69.2" - 지난번에 하단 탭을 만들었었다. - 이번에는 상단에 위치하는 탭을 만들어보았다. npm i @react-navigation/material-top-tabs - 라이브러리를 설치해준다. - 다음은 바로 코드 작성 import React from 'react'; import {createMaterialTopTabNavigator} from '@react-navigation/material-top-tabs'; import TestScreen from './TestScreen'; import Test2Screen from './Test2Screen'; const TopTap ..

[RN] React Navigation Bottom Tab 추가

리액트 네이티브로 간단한 앱을 만들면서 겪었던 일을 기록합니다. 리액트 네이티브 버전 : "react-native": "0.69.2" 지난번에 내비게이션을 설치해서 기본 세팅을 했었고, 이번엔 화면 하단에 탭을 추가해봤다. import React from 'react'; import {createNativeStackNavigator} from '@react-navigation/native-stack'; import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'; import MainScreen from '../screens/main/MainScreen'; import SettingScreen from '../screens/main/Set..

[RN] React Navigation Setting

리액트 네이티브로 간단한 앱을 만들면서 겪었던 일을 기록합니다. 리액트 네이티브 버전 : "react-native": "0.69.2" - 리액트 내비게이션 설치 https://reactnavigation.org/docs/getting-started https://reactnavigation.org/docs/getting-started/ reactnavigation.org - 공홈을 참조해서 설치한다. - 나는 설치했더니 "@react-navigation/native": "^6.0.11" 버전이었다. - 리액트 네이티브는(iOS) 라이브러리 설치 후 ios 폴더로 이동하여 "pod install"을 해줘야 한다. - 실행을 했더니 에러 던진다. "@react-native-community/masked-vi..

[RN] Mac에서 React Native 개발 환경 Setting

1. 홈브루 설치 - 홈브루는 맥에서 사용하는 설치 프로그램 https://brew.sh Homebrew The Missing Package Manager for macOS (or Linux). brew.sh - 명령어를 복사해서 터미널에서 실행 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 2. VScode 설치 - 설치 프로그램 다운로드 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized ..

728x90