KassyLog

웹에서 개발할 땐 window.alert를 활용해서 간단한 안내나 경고 문구를 띄워주곤 하는데 이를 react-native에서는 어떻게 활용할까? Alert · React Native Launches an alert dialog with the specified title and message. reactnative.dev 위와 같은 컴포넌트가 역시 존재한다. Alert.alert("아이디와 비밀번호를 모두 입력해주세요", [{ text: "OK", onPress: () => console.log("OK Pressed") }]); 위 처럼 간단하게 코드를 작성할 수 있다. 여기서 특이점이 존재하는데, Alert.alert( "로그아웃 하시겠습니까", "클릭", [ { text: "아니오", onPress..

android와 iOS 모두 카메라 기능을 하기 전에 필수로 권한요청을 진행해야 한다. iOS 는 Info.plist에 작성 NSPhotoLibraryUsageDescrption $(PRODUCT_NAME) would like access to your photo gallery NSCameraUsageDescription $(PRODUCT_NAME) would like to use your camera NSPhotoLibraryAddUsageDescription $(PRODUCT_NAME) would like to save photos to your photo gallery android 는 AndroidManifest.xml에 작성 내가 찾아본 라이브러리는 총 3가지가 있었는데 그 중에서 내가 활용한 ..

리액트에서는 모달을 만들기위해서 따로 컴포넌트를 만들거나 css의 (나름) 공수를 들였어야 했는데 리액트네이티브에서는 자체적으로 제공하는 모달이 있어서 아주 편리하게 모달을 만들 수 있다. 개인적으로 react-native를 활용하면서 가장 편하다고 생각하는 부분이다. Modal · React Native The Modal component is a basic way to present content above an enclosing view. reactnative.dev import React, { useState } from "react"; import { Alert, Modal, StyleSheet, Text, Pressable, View } from "react-native"; const App ..

react-native에는 버튼 태그가 따로 존재한다. { navigation.navigate("changePw"); }} /> 예시처럼 버튼 안에 title로 버튼의 이름을 지정할 수 있고 color로 글자 색깔을 지정할 수 있다. 다만 Button 태그 하나로는 color만 변경 가능하고 폰트 변경 및 사이즈 변경 불가하다는 커스텀의 한계가 있다. Button · React Native A basic button component that should render nicely on any platform. Supports a minimal level of customization. reactnative.dev 위 사이트에서 더 자세하게 알 수 있지만 커스터마이징을 하기 위해 내가 사용한 방법은 아래의..