React Native Image로 Button만들기

vSsongv·2022년 6월 24일
0

나는 버튼 내부에 이미지가 있어야 했고 그 이미지는 원형이어야 했다.

<TouchableOpacity
        onPress={() => goToSignUp(appKeys.consumer)}
        style={styles.typeBtn}>
        <Image
          style={{
            width: 132,
            height: 132,
            borderRadius: 100,
            overflow: 'hidden',
            borderWidth: 3,
            borderColor: 'blue',
          }}
          source={require('../../asset/customer.png')}
        />
    <Text>소비자</Text>
</TouchableOpacity>

이렇게 image 속성을 주면 된다
참고로 imaage 속성 내에 resizeMode={'contain'}을 주면 전체 이미지로 다 보임

profile
wanna be bright person✨ Front-End developer

0개의 댓글