rhanziy

사용자의 text input을 다루는 컴포넌트이다. 여러가지 속성이 있음. keyboardType은 상황에 따른 키패드 유형을 지정할 수 있음 default number-pad decimal-pad numeric email-address phone-pad url returnKeyType은 엔터버튼 전송/이동 등으로 바꾸기 onChangeText는 input창이 바뀔때마다 실행할 함수 onSubmitEditing은 submit 버튼 클릭 시 실행할 함수 수정 완료시에 실행할 함수를 작성하는 onEndEditting도 있다. 아래 코드는 간단하게 To-Do 앱 만드는 중 . . . . export default function App() { const [working, setWorking] = useStat..

button 컴포넌트는 안드로이드/ios에서 다르게 보이기때문에 관리하기 쉽게하기위해 react native에서 제공하는 사용자의 터치를 감지하는 컴포넌트를 사용한다. import { TouchableOpacity, TouchableHighlight, TouchableWithoutFeedback, Pressable } from 'react-native'; ◾ Touchable component : 터치 이벤트에 반응하여 시각적인 피드백을 제공한다. 버튼, 링크, 이미지 등과 같이 터치에 의해 동작하는 요소를 구현할 때 사용된다. 터치 시 투명도 변경, 배경색 변경, 하이라이트 효과 등 다양한 스타일 변화를 적용할 수 있다. TouchableOpacity - 터치 시 activeOpacity 속성으로 투명..

expo를 설치했다면 자동으로 icon 라이브러리도 설치된다. Fontisto 의 아이콘 스타일을 import 하고 import { Fontisto } from '@expo/vector-icons'; 원하는 스타일의 아이콘태그로 사용할 수 있다. 단일 아이콘이라면 사이트에서 복사해다 쓰면 되는데, 나는 날씨에 맞게 아이콘을 표출하고싶어서 이렇게 작성했다. icon object 생성해서 weather API의 day데이터와 일치하는 아이콘 띄워주기.(물론 사이트에서 일일이 찾음) const icons = { "Clouds" : "cloudy", "Rain" : "rains", "Clear" : "day-sunny", "Snow" : "snowflake", "Atmosphere" : "cloudy-gusts..

import부분을 살펴보면 react-native에서 가져오는게있고 expo에서 가져오는게 있다. react-native에서 기존에 지원하던 라이브러리들을 축소해 더 가볍게 개발할 수 있게 바뀌었고, 그밖에 expo사이트에서 에서 필요한 라이브러리를 import해 사용하면 됨. import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View } from 'react-native'; export default function App() { return ( hello ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignIte..