React Native
-
[REACT NATIVE] 스크린에 지정한 타입에 대하여React Native 2023. 3. 31. 16:53
화면 컴포넌트에 타입스크립트를 사용해서 매개변수 타입을 지정해주려고 한다. function HomeScreen({navigation}: HomeScreenProps) { const onClick = useCallback(() => { navigation.navigate('Details'); }, [navigation]); return ( Home Screen Second ); } 여기서 매개변수에 지정된 'HomeScreenProps'를 구현하려면 아래와 같은 내용을 추가해준다. import { createNativeStackNavigator, NativeStackScreenProps, } from '@react-navigation/native-stack'; type RootStackParamList ..
-
[REACT NATIVE] html과는 너무 다른 react native 태그 모음집React Native 2023. 3. 31. 16:02
구조 내용 버튼 버튼이 눌렸을 때 투명도가 감소하고, 손가락이 버튼 영역을 벗어나면 다시 원래대로 돌아가는 효과가 있는 버튼입니다. 속성 이름 속성 타입 설명 underlayColor number 버튼을 눌렀을 때 배경 컬러 activeOpacity function 버튼을 눌렀을 때 불투명도(opacity) 값. (0에서 1 사이의 값, 기본값은 0.2) 버튼이 눌렸을 때 투명도가 감소하는 효과만 있는 버튼입니다. 손가락이 버튼 영역을 벗어나도 투명도가 원래대로 돌아가지 않습니다. 속성 이름 속성 타입 설명 activeOpacity function 버튼을 눌렀을 때 불투명도(opacity) 값. (0에서 1 사이의 값, 기본값은 0.2) 안드로이드에서만 사용 가능한 버튼으로, 버튼이 눌렸을 때 An..
-
[REACT NATIVE] 실제 기기로 앱 테스트하기!React Native 2023. 3. 31. 05:49
안드로이드 스튜디오를 설치하고 프로젝트를 실행했으나 계속 에뮬레이터와 연결이 안된다... AVD Manager, SDK Manager, 환경변수 세팅 모든것을 다 해봤는데도 해결이 되지 않는다... 'abd device'를 입력하면 디바이스 목록에 에뮬레이터도 뜨는데 문제가 해결되지 않는다.. 결국 최후의 수단으로... 하나 있는 공기계 안드로이드를 USB 연결하기로 했다. 연결방법 가장 먼저 android기기(나의 경우 s10)의 설정탭> 개발자 옵션으로 들어가 USB 디버깅을 활성화시킨다. 개발자 옵션은 처음에 보이지 않을 것인데, 이것을 보이게 하는 방법은 '휴대전화 정보 > 소프트웨어 정보' 를 7번 연타하면 개발자 모드로 변경되며 '개발자 옵션' 버튼을 노출시킬 수 있다.' 기기가 잘 연결되면..