get color details

.idea/21_22j-38.iml

@@ -5,7 +5,7 @@
       <excludeFolder url="file://$MODULE_DIR$/venv" />
       <excludeFolder url="file://$MODULE_DIR$/API/venv" />
     </content>
-    <orderEntry type="jdk" jdkName="Python 3.9" jdkType="Python SDK" />
+    <orderEntry type="jdk" jdkName="Python 3.9 (21_22j-38)" jdkType="Python SDK" />
     <orderEntry type="sourceFolder" forTests="false" />
   </component>
 </module>
\ No newline at end of file

.idea/misc.xml

 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.9" project-jdk-type="Python SDK" />
+  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.9 (21_22j-38)" project-jdk-type="Python SDK" />
 </project>
\ No newline at end of file

frontend/package.json

@@ -13,6 +13,7 @@
     "@react-navigation/drawer": "^6.1.8",
     "@react-navigation/native": "^6.0.6",
     "@react-navigation/native-stack": "^6.2.5",
+    "axios": "^0.24.0",
     "native-base": "^3.2.2",
     "react": "17.0.2",
     "react-native": "0.66.2",

frontend/src/screen/Color.js

 import { useNavigation } from "@react-navigation/native";
-import React from "react";
-import { StyleSheet, View, Text, Pressable, SafeAreaView, ScrollView, Image, ImageBackground, Dimensions, Animated, Easing } from 'react-native';
+import axios from "axios";
+import React, {useState, useEffect} from "react";
+import { StyleSheet, View, Text, Pressable, SafeAreaView, ScrollView, Image, ImageBackground, Dimensions, Animated, Easing, NativeModules } from 'react-native';
 import ImageButton from "../component/ImageButton";
 import ColorActivity from "../component/colorActivity";
 
 // const {width,height} = Dimensions.get('screen');
+const webUrel = "http://192.168.8.101:5000/ru";
 
 export default function Color(){
     
 
+const[names,setNames] = useState([]);
+
     const navigation = useNavigation();
+
+    function getSMSReport() {
+        axios
+          .get(webUrel)
+          .then((response) => {
+            console.log("response.data");
+
+            setNames(response.data)
+
+          })
+          .catch((err) => {
+            console.log(err);
+          });
+      }
+
+      useEffect(() =>{
+          getSMSReport();
+      })
+    
     return (
 
         <SafeAreaView>
@@ -24,7 +47,7 @@ export default function Color(){
                     </View>
                 </View>
 
-                <ColorActivity>
+                {/* <ColorActivity>
                     
                 </ColorActivity>
 
@@ -42,7 +65,7 @@ export default function Color(){
 
                 <ColorActivity>
                     
-                </ColorActivity>
+                </ColorActivity> */}
             </ScrollView>
         </SafeAreaView>
     )