WireTony

발자국을 남기기 위한 공간

프로그래밍/리액트네이티브

개요 - Modal : 특정 이벤트에서 새창을 띄었을때 원래 하던 작업을 계속 이어갈 수 있게 해놓은 것이 모달리스이다. 특정 이벤트에서 확인하거나 특정 이벤트를 날려주지 않으면 원래 하던 작업을 계속 이어갈수 없는 새창을 모달이라고 한다. ex) 팝업창 - Pressable : touchableopacity 와 같이 버튼의 역할을 하지만, 더 다양한 press 단계를 추적할 수 있다. - Refreshcontrol : ScrollView 또는 ListView 내에서 화면을 끌어내려서 새로 고침을 추가하는데 사용된다. import React, { useState } from "react"; import { Alert, Modal, StyleSheet, Text, Pressable, View } from ..

2021. 6. 8.

프로그래밍/리액트네이티브

리액트 네이티브의 이미지 컴포넌트(Image , ImageBackground) 와 포커스되어 있으면 KeyboardAvoidingView가 자동으로 스크롤 되도록 하는 것을 학습한다. 1. Image import React from 'react'; import { View, Image, StyleSheet } from 'react-native'; const styles = StyleSheet.create({ container: { paddingTop: 50, }, tinyLogo: { width: 50, height: 50, }, logo: { width: 100, height: 200, }, }); const DisplayAnImage = () => { return ( ); } export defaul..

2021. 6. 4.

프로그래밍/리액트네이티브

ActivityIndicator 란? ● 로딩바를 표시하는 컴포넌트이다. 공식문서 도우미: https://reactnative.dev/docs/activityindicator ActivityIndicator · React Native Displays a circular loading indicator. reactnative.dev props animating ( Type : bool ) - true 일 때 indicator 활성화 - false 일 때 indicator 비활성화 ( IOS는 false 일 때 일시정지 상태로 렌더링 된다. Android는 비활성화 한다. ) size ( Type : enum('small', 'large') ) - enum 유형이다. 작은 or 큰따옴표에 문자열을 입력하면 ..

2021. 5. 23.

프로그래밍/리액트네이티브

리액트 네이티브를 cli로 프로젝트를 생성하여 android 에뮬레이터로 실행해 보겠습니다. -------------------윈도우 개발환경 구축------------------- 1) node.js, python2, JDK, React Native Cli 설치 일단 Chocolatey를 설치하여 cmd창에서 설치를 돕도록 하겠습니다. 실행 -> cmd 에서 @"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocol..

2021. 5. 3.