touchableopacity
-
어바웃 화면 페이지화 시키고 버튼 추가하기! 지난번 숙제로 만든 AboutPage.js를 아직 우린 스택 내비게이터에 연결하지 않았다. 따라서 여러분이 직접! 스택내비게이터에 AboutPage.js를 달아보자! 하단 메인 페이지의 상단에 다음과 같은 버튼을 만들어서 누르면 AboutPage로 가게끔 해주자! 추가적으로 외부 링크 걸기까지 배웠으니, 인스타나 블로그 주소 혹은 아무 주소를 AboutPage 하단 버튼에 연결해주기! 메인에 TouchableOpacity 버튼을 두고 navigate를 연결시키면 이동이 가능하다. Stack.screen에 AboutPage.js를 연결시켜야 한다. 소개 페이지 상태바의 디테일함을 주목하자! StackNavigator.js(숙제1) 더보기 import React ..
3주 차 숙제어바웃 화면 페이지화 시키고 버튼 추가하기! 지난번 숙제로 만든 AboutPage.js를 아직 우린 스택 내비게이터에 연결하지 않았다. 따라서 여러분이 직접! 스택내비게이터에 AboutPage.js를 달아보자! 하단 메인 페이지의 상단에 다음과 같은 버튼을 만들어서 누르면 AboutPage로 가게끔 해주자! 추가적으로 외부 링크 걸기까지 배웠으니, 인스타나 블로그 주소 혹은 아무 주소를 AboutPage 하단 버튼에 연결해주기! 메인에 TouchableOpacity 버튼을 두고 navigate를 연결시키면 이동이 가능하다. Stack.screen에 AboutPage.js를 연결시켜야 한다. 소개 페이지 상태바의 디테일함을 주목하자! StackNavigator.js(숙제1) 더보기 import React ..
2022.09.16 -
처음부터 빈 페이지에 그림을 그려 나가려는 습관보다는 잘 짜여 있고, 존재하고 있는 좋은 코드들을 가져다가 잘 조합해서 쓰고, 이 코드들을 가지고 잘 응용하는 게 제일 중요하다. 화면의 영역(레이아웃)을 잡아주는 엘리먼트이다. 현재 App.js 상에서 View는 화면 전체 영역을 가진다. 우리는 이 View 엘리먼트로 다음과 같이 화면을 원하는 대로 분할할 수도 있다. 더보기 import { StatusBar } from 'expo-status-bar'; import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; export default function App() { return ( ); } const styles ..
앱 화면 만들기 화면을 구성하는 엘리먼트들처음부터 빈 페이지에 그림을 그려 나가려는 습관보다는 잘 짜여 있고, 존재하고 있는 좋은 코드들을 가져다가 잘 조합해서 쓰고, 이 코드들을 가지고 잘 응용하는 게 제일 중요하다. 화면의 영역(레이아웃)을 잡아주는 엘리먼트이다. 현재 App.js 상에서 View는 화면 전체 영역을 가진다. 우리는 이 View 엘리먼트로 다음과 같이 화면을 원하는 대로 분할할 수도 있다. 더보기 import { StatusBar } from 'expo-status-bar'; import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; export default function App() { return ( ); } const styles ..
2022.09.07