fix: pre-fill form with latest measurement values on focus

src/components/MeasurementForm.tsx

@@ -45,6 +45,8 @@ export default function MeasurementForm({ onSubmit, initialValues }: Props) {
     return init
   })
 
+
+
   const weight = parseFloat(values.weight) || 0
   const bodyFatPct = parseFloat(values.bodyFatPercentage) || 0
   const musclePct = parseFloat(values.musclePercentage) || 0

src/screens/NewMeasurementScreen.tsx

@@ -1,5 +1,6 @@
-import React, { useEffect, useState } from 'react'
+import React, { useCallback, useState } from 'react'
-import { Alert } from 'react-native'
+import { View, Text, Alert } from 'react-native'
+import { useFocusEffect } from '@react-navigation/native'
 import MeasurementForm from '../components/MeasurementForm'
 import { Measurement } from '../types'
 import { initDatabase, insertMeasurement, getLatestMeasurement } from '../database/db'
@@ -11,23 +12,20 @@ type Props = {
 export default function NewMeasurementScreen({ navigation }: Props) {
   const [latest, setLatest] = useState<Partial<Measurement> | undefined>(undefined)
 
-  useEffect(() => {
+  useFocusEffect(
-    const load = async () => {
+    useCallback(() => {
-      await initDatabase()
+      let cancelled = false
-      const m = await getLatestMeasurement()
+      const load = async () => {
-      if (m) {
+        await initDatabase()
-        setLatest({
+        const m = await getLatestMeasurement()
-          weight: m.weight,
+        if (!cancelled) {
-          bmi: m.bmi,
+          setLatest(m || {})
-          bodyFatPercentage: m.bodyFatPercentage,
+        }
-          musclePercentage: m.musclePercentage,
-          visceralFat: m.visceralFat,
-          bmr: m.bmr,
-        })
       }
-    }
+      load()
-    load()
+      return () => { cancelled = true }
-  }, [])
+    }, [])
+  )
 
   const handleSubmit = async (m: Measurement) => {
     await initDatabase()
@@ -37,5 +35,18 @@ export default function NewMeasurementScreen({ navigation }: Props) {
     ])
   }
 
-  return <MeasurementForm onSubmit={handleSubmit} initialValues={latest} />
+  if (latest === undefined) {
+    return (
+      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#f5f5f5' }}>
+        <Text style={{ color: '#999' }}>Laden...</Text>
+      </View>
+    )
+  }
+
+  return (
+    <MeasurementForm
+      onSubmit={handleSubmit}
+      initialValues={latest as Partial<Measurement> | undefined}
+    />
+  )
 }