bdsddshdjshdjds

hi

APIgrab.py

@@ -0,0 +1,26 @@
+#stuff necessary for testing
+
+from PIL import Image
+import requests
+from io import BytesIO
+
+import pandas as pd
+import numpy as np
+import matplotlib.pyplot as plt
+import json
+
+#test values to test graph making
+
+array = np.array([[3,3,3],[4,4,4]])
+
+#save image to variable test
+url = "https://www.volks.co.jp/blog_nest/kobe/2020/1209_01.jpg"
+response = requests.get(url)
+img = Image.open(BytesIO(response.content))
+img.save("test.png")
+
+#pass values to json
+data = array
+with open("transfer.json", "w") as file:
+    json.dump(data, file)
+

App.js

@@ -1,57 +1,25 @@
 import { StatusBar } from 'expo-status-bar';
 import React from 'react';
-import { View, Image, StyleSheet, Text, Button } from 'react-native';
+import { View, Image, StyleSheet, Text, Button, ScrollView } from 'react-native';
+import data from './transfer.json' 
 
 
-const handlePress = () => false
-
-export default class App extends React.Component {
-
-   render() {
-      return (
-	  <View>
-		  <View style = {styles.buttons}>
-			  <Button
-				 onPress = {handlePress}
-				 title = "Button1"
-				 color = "blue"
-			  />
-			  
-			  <Button
-				 onPress = {handlePress}
-				 title = "Button2"
-				 color = "black"
-			  />
-		  </View>
-		  <View style = {styles.container}>
-		  
-		  
-			<Text style={styles.intro}>WELCOME!!!!</Text>
-		
-			<Text style={styles.sub}>オレノウタヲキケ！</Text>
-			 
-			<Image source={require('./testimg.gif')} />
-			
-		  </View>
-	  </View>
-      );
-   }
-}
-
 
+//change this to an external css file later
 const styles = StyleSheet.create({
 	
   buttons: {
 	  flexDirection: 'row',
-	  justifyContent: 'center'
+	  justifyContent: 'center',
+	  marginTop: 30
   },
   container: {
     flexDirection: 'column',
 	justifyContent: 'center',
-    backgroundColor: '#36413E',
+    backgroundColor: 'black',
     alignItems: 'center',
     justifyContent: 'center',
-	marginTop: 100
+	marginTop: 20
   },
   intro: {
 	  fontWeight: "bold",
@@ -63,4 +31,89 @@ const styles = StyleSheet.create({
       color:"#D7D6D6",
 	  fontSize: 20,
   },
+  scrollView:{
+	  marginHorizontal: 20
+  }
 });
+
+//default button press
+
+const handlePress = () => false
+
+
+//data parsing goes here
+
+function importJSON() {
+	var stuff = JSON.stringify(data)
+	return stuff
+}
+
+//states
+
+let states = {
+		welcome:
+		  
+		  <View style = {styles.container}>
+		  
+		  
+			<Text style={styles.intro}>WELCOME!!!!</Text>
+		
+			<Text style={styles.sub}>オレノウタヲキケ！</Text>
+			 
+			<Image source={require('./testimg.gif')} />
+			
+		  </View>,
+		  
+		dataView:
+		
+		<ScrollView style={styles.scrollView}>
+		 <View style = {styles.container}>
+		  
+		  
+			<Text style={styles.intro}>DATADATADATADATADATA</Text>
+		
+			<Text style={styles.sub}>{importJSON()}</Text>
+			 
+			<Image source={require('./testimg.gif')} />
+			
+		 </View>
+		</ScrollView>
+	}
+
+
+
+class App extends React.Component {
+
+//current state
+state = {current: states.welcome}
+
+//state changing functions
+setHome = () => this.setState({ current: states.welcome })
+setData = () => this.setState({ current: states.dataView })
+	
+	
+	//render app
+   render() {
+      return (
+	  <View>
+		<View style = {styles.buttons}>
+			  <Button
+				 onPress = {this.setHome}
+				 title = "Button1"
+				 color = "blue"
+			  />
+			  
+			  <Button
+				 onPress = {this.setData}
+				 title = "Button2"
+				 color = "black"
+			  />
+		  </View>
+		  {this.state.current}
+	</View>
+      );
+   }
+}
+
+
+export default App

transfer.json

@@ -0,0 +1,70 @@
+[
+	{
+		"id": "0001",
+		"type": "donut",
+		"name": "Cake",
+		"ppu": 0.55,
+		"batters":
+			{
+				"batter":
+					[
+						{ "id": "1001", "type": "Regular" },
+						{ "id": "1002", "type": "Chocolate" },
+						{ "id": "1003", "type": "Blueberry" },
+						{ "id": "1004", "type": "Devil's Food" }
+					]
+			},
+		"topping":
+			[
+				{ "id": "5001", "type": "None" },
+				{ "id": "5002", "type": "Glazed" },
+				{ "id": "5005", "type": "Sugar" },
+				{ "id": "5007", "type": "Powdered Sugar" },
+				{ "id": "5006", "type": "Chocolate with Sprinkles" },
+				{ "id": "5003", "type": "Chocolate" },
+				{ "id": "5004", "type": "Maple" }
+			]
+	},
+	{
+		"id": "0002",
+		"type": "donut",
+		"name": "Raised",
+		"ppu": 0.55,
+		"batters":
+			{
+				"batter":
+					[
+						{ "id": "1001", "type": "Regular" }
+					]
+			},
+		"topping":
+			[
+				{ "id": "5001", "type": "None" },
+				{ "id": "5002", "type": "Glazed" },
+				{ "id": "5005", "type": "Sugar" },
+				{ "id": "5003", "type": "Chocolate" },
+				{ "id": "5004", "type": "Maple" }
+			]
+	},
+	{
+		"id": "0003",
+		"type": "donut",
+		"name": "Old Fashioned",
+		"ppu": 0.55,
+		"batters":
+			{
+				"batter":
+					[
+						{ "id": "1001", "type": "Regular" },
+						{ "id": "1002", "type": "Chocolate" }
+					]
+			},
+		"topping":
+			[
+				{ "id": "5001", "type": "None" },
+				{ "id": "5002", "type": "Glazed" },
+				{ "id": "5003", "type": "Chocolate" },
+				{ "id": "5004", "type": "Maple" }
+			]
+	}
+]