728x90 ReactNative14 [RN] React Navigation BottomTab 아이콘 변경 리액트 네이티브로 간단한 앱을 만들면서 겪었던 일을 기록합니다. 리액트 네이티브 버전 : "react-native": "0.69.2" - 지난번에 하단 탭을 만들었는데 거기에 아이콘을 넣으려고 react-native-vector-icons 라이브러리를 설치했다. - 하지만 자꾸 typescript에서 에러가 발생했다. - 원인은 타입스크립트용 라이브러리를 추가로 설치해야되는 것이었다. npm install --save react-native-vector-icons npm install @types/react-native-vector-icons - 원하는 아이콘을 선택해서 넣었는데, 계속 에러가 떴다. - 이전과 다르게 "react-native-vector-icons": "^9.2.0" 버전에서는 pod .. 2022. 8. 11. [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 .. 2022. 8. 9. [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.. 2022. 8. 3. [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.. 2022. 7. 24. [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 .. 2022. 7. 20. 이전 1 2 다음 728x90
