안드로이드에서 TouchableOpacity가 안먹힐 때

스택오버플러우

import { TouchableOpacity } from 'react-native-gesture-handler';

react-native에서 가져오면 된다

import { TouchableOpacity } from 'react-native'

Image에 local file를 넣기

스택오버플로우

<Image source={require('./myimage.png')} />

Image에 동적으로 local file 넣기

스택오버플로우

// BAD
var icon = this.props.active ? 'my-icon-active' : 'my-icon-inactive';
<Image source={require('image!' + icon)} />

// GOOD
var icon = this.props.active ? require('image!my-icon-active') : require('image!my-icon-inactive');
<Image source={icon} />

랜덤으로 Image 보여주기

const loadingGif = [
    require('../../assets/loading/america.gif'),
    require('../../assets/loading/daft.gif'),
		//..
]
const gifUri = loadingGif[Math.floor(Math.random() * loadingGif.length)]
<Image
    source={gifUri}
    style={{ width: 60, height: 40 }} />

이미지 비율에 맞춰 프레임에 맞추기

<Image
    source={gifUri}
    style={{ width: "40%", aspectRatio: 1, resizeMode: "contain" }} 
/>