Eojin Han

보통 설치한 아이콘 패키지에서 Button 함수를 제공하여 버튼으로 바로 쓸 수 있게 지원하지만,

어쨋든 내가 원하는 모습으로 디자인 되지 않을 때가 있다.

이런 경우는 그냥 react-native의 TouchableOpacity 컴포넌트를 이용해서 직접 디자인 하면 된다.

TouchableOpacity

공식 홈페이지 : https://reactnative.dev/docs/touchableopacity

내맘대로 버튼 만들기


<TouchableOpacity style={styles.button} onPress={()=>Alert.alert("test")}>
    <MaterialCommunityIcons name="bookmark" size={30} style={styles.color}/>
    <Text style={styles.color}>북마크</Text>
</TouchableOpacity>