8. [Stack] Header Bar에 버튼 추가 헤더바에 버튼을 추가하는 방법을 알아보자. 기존의 App.js 에서 Button을 import 한 뒤에 Home Screen의 options에서 headerRight 프로퍼티를 추가한다. jsx을 추가할 거라서 () => 를 사용한다. 새로운 버튼을 추가해 준다. +) 이전의 headerTitle도 같은 원리로 jsx라서 ()=> 를 사용해야만 동작한 것으로 보인다. , headerRight: () => ( alert('I am a button!!')} color="orange" /> ), }} /> 위에는 Home 스크린에서 버튼을 추가한 것이고, User 스크린에도 버튼을 추가해보자. 이번에는 Home 스크린으로 이동하는 버튼을 추가한다. 여기도 s..

3. [Stack] 화면 Linking stack-navigator - 버튼이나 사진을 눌렀을 때 화면을 전환시키는 기능. React Navigation을 쓰기 위해서는 모든 컴포넌트들을 NavigationContainer라는 태그로 감싸줘야 한다. 그리고 StackNavigator를 쓰기 위해서는 createNativeStackNavigator를 import 해야 한다. NavigationContainer는 Navigation 구조랑 상태를 관리하기 위한 컴포넌트로 모든 Navigation 구조는 NavigationContainer 태그 안에 들어가야 한다. createNativeStackNavigator는 screen이랑 Navigator라는 2개의 프로퍼티를 리턴하는 함수이다. 화면이 렌더링되는 부..

2022.01.11 - [React Native/Basic] - [React Native] React Native Component - 1. Intro 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 2. View, Text 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 3. Style 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 4. TouchEvent 2022.01.12 - [React Native/Basic] - [React Nativ..

2022.01.11 - [React Native/Basic] - [React Native] React Native Component - 1. Intro 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 2. View, Text 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 3. Style 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 4. TouchEvent 2022.01.12 - [React Native/Basic] - [React Nativ..