일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- pandas
- redux
- 사이드프로젝트
- TeachagleMachine
- React
- 데이터분석
- 앱개발
- Instagrame clone
- 리액트네이티브
- 머신러닝
- 정치인
- selenium
- python
- 조코딩
- ReactNative
- expo
- 강화학습
- App
- JavaScript
- FirebaseV9
- clone coding
- 딥러닝
- 카트폴
- Ros
- 크롤링
- 전국국밥
- coding
- 클론코딩
- 강화학습 기초
- kaggle
- Today
- Total
목록ReactNative (21)
qcoding
1) 결합방법 - 1-1) Tab 안에 Stack 집어 넣는 방법 : 많이 사용하진 않음 - 1-2) root 라는 native stack navigator를 만들고 그안에 Tab / Stack을 집어 넣는방법 이떄 root 에서 headerShown : false 를 해주어야 header가 2개가 안생김 이때 navigation.navigate를 할 때 Tabs에서 Stack으로 navigation간에 넘어갈 수가 없음. navigation.navigate("Stack"(Stack nav이름 ), {screen : "Stack nav 안에 있는 component name" } ) 으로 사용가능 반대도 가능함 stack --> tab ex) onPress={()=>{navigate("Stack",{scr..
1) Stack Navigator 종류 - Native stack navigator - nativa API 를 사용한다. (IOS - uinAVIGATIONcONTROLLER / Android - Fragment ) 약간의 커스텀이 제한된다. 그러나 Native를 사용하므로 성능이 좋음 - stack Navigator - React Navigation 에서 안드로이드 / IOS Look & feel 을 살리기 위하여 JavaScript로 만들어 것 커스텀에 자유도가 높음 그러나 성능이 좀 떨어질 수 있음 2) Navigation props의 종류 (https://reactnavigation.org/docs/navigation-prop) navigation navigate - go to another sc..
1) Tabs Navigator 사용법 https://reactnavigation.org/docs/getting-started/ 해당 사이트에 가이드를 보면서 진행 설치 , 윈도우 안드로이드 기준 npm install @react-navigation/native expo install react-native-screens react-native-safe-area-context npm install react-native-screens react-native-safe-area-context ( CRNA 라면 깔필요없음) Tab 네비게이터 설치 - npm install @react-navigation/bottom-tabs import { createBottomTabNavigator } from '@react..
-Font 불러오기 expo install expo-font 로 font를 설치한 뒤 font를 가져온다. 아래와 같이 Font로 전체를 가져온다음에 import * as Font from 'expo-font'; await Font.loadAsync(가져올 Font 이름); 으로 가져온다. -Asset 불러오기 Asset은 크게 2가지로 나눌 수 있다. 현재 내가 가지고 있는 이미지가 있는 경우와 인터넷에서 이미지 주소로가져오는 경우 이다. 1) 이미지를 가지고있는경우 expo install expo-asset으로 설치한 후, 아래와 같이 사용한다. 여기서 가지고 있는 파일의 경우 require를 사용ㅎ한다 await Asset.loadAsync(require('./assets/snack-icon.png..
App 시작 시 로딩 화면 (Splash) 화면을 구성하는 데 필요한 expo SDK API 아래의 Apploading 호출 후 사용한다. import AppLoading from 'expo-app-loading'; 이 때 Appload 내에는 여러가지 pros가 있는데 startAsync -> 시작 시에 비동기적으로 api등을 받아 올때 사용할 수 있으며 이것이 종료될 때에는 ( 맨 처음 api나 그림파일 등을 불러올 때 비동기로 코드를 작성하면 됨) onFinish 가 실행되게 된다. import React from 'react'; import { Image, Text, View } from 'react-native'; import { Asset } from 'expo-asset'; import Ap..