본문 바로가기

React/React native4

[RN] React native, 로딩 화면, 스위치 로딩화면, 아이콘 import React from "react"; import { ActivityIndicator, StyleSheet, Text, View } from "react-native"; export default function App() { return ( ); } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: "center" }, horizontal: { flexDirection: "row", justifyContent: "space-around", padding: 10 } }); 핵심: size와 color import { ActivityIndicator } from "react-native"; 스위치 .. 2020. 5. 24.
[RN] Context API, AsyncStorage Context란 React에서 데이터를 관리할 때, 데이터의 흐름은 부모에서 자식으로 전달이 된다. 그렇게 되면 전혀 다른 흐름에서 같은 데이터를 쓰기 위해서는 공통되는 부모 컴포넌트까지 데이터를 전달하고, 다시 그 부모 컴포넌트로부터 데이터를 내려받아야 한다. 그런 비효율을 없애기 위해 Context를 사용한다. 데이터를 가지고 있는 A컴포넌트와 데이터를 받을 B컴포넌트 사이에 가상의 컴포넌트를 만들어 주는 것이다. Context컴포넌트가 부모 컴포넌트로 바로 데이터를 전달한다. 그래서 Context에는 Provider와 Consumer가 있다. 내가 공부하고 있는 React native에서는 AsyncStorage를 사용하여 앱 내에 데이터를 저장한다. 2020. 5. 17.
[RN] React-native android 빌드시 오류(Android project not found.) error Android project not found. Are you sure this is a React Native project? If your Android files are located in a non-standard location (e.g. not inside 'android' folder), consider setting `project.android.sourceDir` option to point to a new location. Run CLI with --verbose flag for more details. 해당 오류가 나올 경우가 있다. 분명 어제까지 잘 됐는데...? 해서 알아보니 설정 파일 삭제 React-native 업그레이드 두가지 방법이 있다. 1. 설정 파일 삭제 해.. 2020. 5. 12.
React native, Expo eject 시 오류, android ios 폴더 만들기 expo init으로 프로젝트를 생성할 때, android 폴더와 ios 폴더가 없을 경우가 있다. 이럴 경우 expo eject로 생성을 할 수 있는데, 해당 명령어를 하면 3가지 옵션이 나온다. 첫번째, 기본 eject 두번째, expokit ? 세번째, 취소 두번째로 먼저 시도를 해 보았는데, android폴더만 생기고 실행도 되지 않았다. 패스. 첫번째로 다시 시도해 보았는데 eject는 잘 되었다. 하지만 실행이 되지 않았다. 그 대신 오류 문구를 던져주었다. react-native-screens - expected version range: 2.0.0-alpha.12 - actual version installed: ~2.0.0-alpha.12Some of your project's depen.. 2020. 2. 7.

티스토리툴바