네이티브 setTimeout 메서드 반응

import React from 'react';
import {Button, Image, StyleSheet, View} from 'react-native';

const App = () => {
  const [image, setImage] = React.useState(null);

  const showImage = () => {
    setTimeout(() => {
      setImage(
          'https://www.casio.com/content/dam/casio/product-info/locales/us/en/timepiece/product/watch/G/GM/gm2/gm-2100-1a/assets/GM-2100-1A.png.transform/main-visual-pc/image.png');
    }, 3000);
  };

  return (
    <View style={styles.container}>
      <View style={styles.imageContainer}>
        <Image
          source={
    { uri: image }}
          style={
    { width: '100%', height: 160 }}
          resizeMode='contain'
        />
      </View>
      <View style={styles.buttonContainer}>
        <Button
          title="Click On the button to see the image"
          onPress={() => showImage()}
        />
      </View>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 0.85,
    justifyContent: 'center',
    paddingHorizontal: 10,
  },
  buttonContainer: {
    marginTop: 10,
  },
  imageContainer: {
    justifyContent: 'center',
    alignItems: 'center',
  },
});

export default App;