제일 핵심은 로컬 이미지를 어떻게 가져오는가?

require 의 상대경로로 가져온다.

import { Image } from "react-native-elements"
export const NextButton = (props: { onPress: () => void }) => (
    <Image
        onPress={props.onPress}
        source={require('../../assets/next.png')}
        style={{ width: 170, height: 77 }} />
)

• 크기 설정을 %으로 할시 이상하게 잘 안먹힌다..

  style={{height:'100%',width:'100%',resizeMode:'contain'}}
  

• TouchableOpacity 로 감싸줘도 된다. (무슨 차이일까..??)

활용법

<NextButton onPress={() => campaginNav.navigate("MakeCoupon")}/>