반응형 SMALL 개발/React Native25 CheckBox 개별 클릭 react-native-community/checkbox 컴포넌트로 개별클릭 될 수 있게 코드 구현하기. import React, {useState, useEffect, useCallback} from 'react'; import CheckBox from '@react-native-community/checkbox'; export const Test = () = > { const initialState = { terms: false, personal: false, simple: false, } const [isSelected, setIsSelected] = useState(initialState); return ( { setIsSelected({ ...isSelected, terms: value, });.. 2023. 6. 27. 2.10 Icons 이번엔 마지막 단계!! 아이콘을 넣는 방법을 배울 것이다. expo init으로 어플을 만들었다면 아이콘 패키지를 사용할 수 있다. '@expo/vector-icons' 로 import 시켜서 패키지를 가져올 수 있다. https://icons.expo.fyi/ 로 접속하면 다양한 아이콘들이 있는 것을 확인할 수 있다. 사용하고 싶은 아이콘을 클릭하면 해당 아이콘을 어떻게 import 시킨 후 사용할 수 있는지 자세한 설명이 나와있으니 보고 코딩을 하면 되겠다. +) Plus One more Information 만약에 스타일시트에 하나만 적용하고 싶은데, 직접 다른 스타일을 더 추가하고 싶다면 이런식으로 코드를 작성하면 된다. ... 끝!! 2023. 6. 3. 2.8 Weather 1. ActivityIndicator ReactNative 개발 웹페이지에 가면 있는, 로딩 시 빙글빙글 돌아가는 UI를 보여주는 컴포넌트이다. 날씨API는 https://openweathermap.org/ 에서 회원가입 후 무료 API를 받아올 것이다. Сurrent weather and forecast - OpenWeatherMap Access current weather data for any location on Earth including over 200,000 cities! The data is frequently updated based on the global and local weather models, satellites, radars and a vast network of weathe.. 2023. 6. 2. 2.7 Location 사용자의 위치정보를 가져오려고 한다. 우선 terminal에서 npx expo install expo-location 을 입력하여 expo-location을 설치해준다. 1. Geo Location으로 무엇을 할 수 있을까? - 유저의 권한을 요청받아서(과거: requestPermissionsAsync -> 현재 : requestForegroundPermissionsAsync 또는 requestBackgroundPermissionsAsync. foreground를 대부분 쓰는 듯 하다. background는 유저를 추적할때 쓴다.) 유저의 마지막 위치를 받을 수 있다(getLastKnownPositionAsync). - 현재 위치를 얻을 수 있다(getCurrentPositionAsync). - 위치를 .. 2023. 6. 2. 이전 1 2 3 4 5 6 7 다음 반응형 LIST