diff options
Diffstat (limited to 'app/screens')
-rw-r--r-- | app/screens/graph/graph-screen.tsx | 127 |
1 files changed, 65 insertions, 62 deletions
diff --git a/app/screens/graph/graph-screen.tsx b/app/screens/graph/graph-screen.tsx index e6fbc19..da3734a 100644 --- a/app/screens/graph/graph-screen.tsx +++ b/app/screens/graph/graph-screen.tsx @@ -9,7 +9,7 @@ import { color } from "../../theme" import { Graph } from "../../components" import { Tweaks } from "../../components" -import genRandomTree from "../../data/randomdata"; +import genRandomTree from "../../data/randomdata" import AsyncStorage from "@react-native-async-storage/async-storage" @@ -24,79 +24,82 @@ export const GraphScreen = observer(function GraphScreen() { // Pull in navigation via hook // const navigation = useNavigation() - const [charge, setCharge] = useState(-30); - const [collision, setCollision] = useState(false); - const [linkStrength, setLinkStrength] = useState(1); - const [linkIts, setLinkIts] = useState(1); - - const [physics, setPhysics] = useState({}); + const [charge, setCharge] = useState(-30) + const [collision, setCollision] = useState(false) + const [linkStrength, setLinkStrength] = useState(1) + const [linkIts, setLinkIts] = useState(1) + const [physics, setPhysics] = useState({}) + const physicsInit = { + charge: -30, + collision: false, + linkStrength: 1, + linkIts: 1, + collapse: false, + threedim: false, + particles: 2, + linkOpacity: 1, + linkWidth: 1, + particleWidth: 1, + nodeRel: 1, + } const getData = async () => { try { - const value = await AsyncStorage.getItem('@physics') - if (value !== null) { - return JSON.parse(value); + const value = await AsyncStorage.getItem("@physics") + if (value !== null || keys(value) === keys(physicsInit)) { + return JSON.parse(value) } else { - return ( - { - charge: -30, - collision: false, - linkStrength: 1, - linkIts: 1, - collapse: false, - threedim: false, - particles: 2, - }); + console.log(physicsInit) + return physicsInit } } catch (e) { - console.log(e); + console.log(e) } - }; + } - useEffect(() => { - getData() - .then(data => setPhysics(data)); - }, []); + useEffect(() => { + getData().then((data) => setPhysics(data)) + }, []) - const storeData = async (value) => { - try { - const jsonValue = JSON.stringify(value); - await AsyncStorage.setItem('@physics', jsonValue); - console.log("Writing " + jsonValue); - } catch(e) { - console.log(e); - } - } + const storeData = async (value) => { + try { + const jsonValue = JSON.stringify(value) + await AsyncStorage.setItem("@physics", jsonValue) + console.log("Writing " + jsonValue) + } catch (e) { + console.log(e) + } + } /* const [physics, setPhysics] = useState( -* { -* charge: -30, -* collision: false, -* linkStrength: 1, -* linkIts: 1, -* collapse: false, -* threedim: false, -* particles: 2, -* }); */ - useEffect(() => { - console.log("Physics changed"); - storeData(physics); - const test = getData(); - console.log(test); - }, [physics]); + * { + * charge: -30, + * collision: false, + * linkStrength: 1, + * linkIts: 1, + * collapse: false, + * threedim: false, + * particles: 2, + * }); */ + useEffect(() => { + if (timer) { + clearTimeout(timer) + console.log("clear timer") + } + const timer = setTimeout(() => { + console.log("Physics changed") + storeData(physics) + const test = getData() + console.log(test) + }, 1000) + return () => clearTimeout(timer) + }, [physics]) - const gData = genRandomTree(); + const gData = genRandomTree() return ( <Screen style={ROOT} preset="scroll"> - <Text preset="header" text="Graph" /> - <Tweaks - physics={physics} - setPhysics={setPhysics} - /> - <Graph - physics={physics} - gData={gData} - /> + <Tweaks physics={physics} setPhysics={setPhysics} /> + <Graph physics={physics} gData={gData} /> </Screen> - ); -}); + ) +}) |