[RN] Button 만들기

📱테스트 환경

"react": "18.2.0"
"react-native": "0.74.2"

React 에서 사용하던 <Button /> 을 사용하려고 보니 당연히 안됐고 ..

이게 몇개있는데 사용방법은 다른 글을 확인해보면 좋다.

[RN] Input 사용하기

 

 

[RN] Alert 사용하는 방법

아무튼 Button 은 TouchableOpacity 를 사용해주면 되는데

사용방법은 다음과 같다.

import { TouchableOpacity } from 'react-native';

<TouchableOpacity
  style={styles.button}
  onPress={() => {
    submit()
  }}>
  <Text style={styles.text}>버튼</Text>
</TouchableOpacity>

기존 React 와 차이점이라고 한다면

React 에서도 onPress 를 사용할 순 있지만 onClick 을 주로 사용하였고

React Native 는 앱답게 onClick 이 없고 onPress 가 없는경우 경고 표시가 뜬다.

TouchableOpacity 태그 안에는 <Text> 태그가 있어야하며

없으면 에러 표시가 발생한다.