feat: created ImageDetail

miscellaneous/react-native/App.js

@@ -3,6 +3,7 @@ import { createStackNavigator } from "react-navigation-stack";
 import HomeScreen from "./src/screens/HomeScreen";
 import ComponentsScreen from "./src/screens/ComponentsScreen";
 import ListScreen from "./src/screens/ListScreen";
+import ImageScreen from "./src/screens/ImageScreen";
 
 /**
  * * From react-navigation library used for routing
@@ -12,6 +13,7 @@ const navigator = createStackNavigator(
     Home: HomeScreen,
     Components: ComponentsScreen,
     List: ListScreen,
+    ImageScreen,
   },
   {
     initialRouteName: "Home",

miscellaneous/react-native/src/components/ImageDetail.js

@@ -0,0 +1,16 @@
+import { StyleSheet, Text, View, Image } from "react-native";
+import React from "react";
+import mountain from "../../assets/images/mountain.jpg";
+
+const ImageDetail = () => {
+  return (
+    <View>
+      <Image source={mountain} />
+      <Text>ImageDetail</Text>
+    </View>
+  );
+};
+
+export default ImageDetail;
+
+const styles = StyleSheet.create({});

miscellaneous/react-native/src/screens/HomeScreen.js

@@ -11,6 +11,10 @@ const HomeScreen = ({ navigation: { navigate } }) => {
         onPress={() => navigate("Components")}
       />
       <Button title="Go to List Screen" onPress={() => navigate("List")} />
+      <Button
+        title="Go to Image Screen"
+        onPress={() => navigate("ImageScreen")}
+      />
       {/* Highly Customisable and can detect press on any kind of element */}
       {/* <TouchableOpacity onPress={() => navigate("List")}>
         <Text>Go to List screen</Text>

miscellaneous/react-native/src/screens/ImageScreen.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { StyleSheet, View, Text } from "react-native";
+
+import ImageDetail from "../components/ImageDetail";
+
+const ImageScreen = () => {
+  return (
+    <View>
+      <ImageDetail />
+      <ImageDetail />
+      <ImageDetail />
+    </View>
+  );
+};
+export default ImageScreen;
+
+const styles = StyleSheet.create({});