React Native の動的画像

// Importing necessary packages
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Image, Text, View } from 'react-native';

// Our main function
export default function App() {

  let img = "./assets/image2.jpg"; // Declaring a variable that hold the image location
  return (
    <View style={styles.container}>
      <Text>Simple Image</Text>
      <Image style={styles.img} source={require(img)} />
      <StatusBar style="auto" />
    </View>
  );

}

const styles = StyleSheet.create({ // Providing some styles to the UI
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
    marginTop: 100,
  },
  img: {
    width: '100%',
    height: 120,
  },
});