Image 태그 조건부 렌더링이 안되는 이유......?

스크랩 여부에 따라 아이콘을 다르게 표시하기 위해 삼항연산자를 사용해서 조건부 렌더링을 하려고 했다.

{isScrap ? (
	<TouchableOpacity onPress={unScrapHandler}>
    	<Image source={require('../assets/scrap.png')} />
          </TouchableOpacity>
    ) : (
    <TouchableOpacity onPress={scrapHandler}>
    	<Image style={styles.icon} 
        	source={require('../assets/unscrap.png')} />
   	</TouchableOpacity>
)}

위와 같은 코드로 작성을 했는데 분명 isScrap이 true였는데 false일 때의 아이콘이 출력됐다.

<Text> {isScrap} </Text>

를 이용해서 출력을 해봐도 텍스트는 true 이미지는 false로 뜨는 것이 아닌가,,,

렌더링에서 문제가 있는 것이라 판단해 이것저것 시도해본 결과

Image 태그를 View태그로 한번 감싸주니 정상적으로 동작했다.