티스토리 뷰
리액트네이티브에서 Button컴포넌트를 사용하지 않고 TouchableOpacity를 사용하는 이유
- Button 컴포넌트는 안드로이드와 ios에서 다르게 보이기 때문에 관리하는데에 어려움이 있다
import React from "react";
import { TouchableOpacity, Text, StyleSheet } from "react-native";
const Button = ({ onPress }) => {
return (
<TouchableOpacity activeOpacity={0.8} style={styles.button} onPress={onPress}>
<Text style={styles.text}>버튼</Text>
</TouchableOpacity>
);
};
const styles = StyleSheet.create({
button: {
width: 60,
height: 60,
backgroundColor: "#fe5746",
justifyContent: "center",
alignItems: "center"
},
text: {
color: "#fff"
}
});
export default Button;
activeOpacity : 버튼을 눌렀을 때에 반짝이는 정도
반응형
'Record' 카테고리의 다른 글
웹팩, 바벨 간단 정리 (0) | 2020.03.21 |
---|---|
expo 배포하기 (0) | 2020.03.18 |
GIT refusing to merge unrelated histories 오류 해결 (0) | 2020.02.10 |
wsl에서 expo 사용시 인터넷이 멈추는 현상 (1) | 2020.02.05 |
react-native 플레이스토어 업데이트 버전코드 (0) | 2020.02.05 |
댓글
공지사항