أريد جلب الداتا من async storage واجلبها بنجاح واستطيع ان اعرضها فى ال console ولكن المشكلة اننى عندما اريد وضعها فى FlatList يظهرلى هذا الايرور

بتاريخ 22 دقائق مضت قال أحمد ابراهيم عبد الله:

المشكلة انه فى Async storage لا يعيطينى الاراى كما خزنها انها يعطيها لى مقسمة وخالية من ال objects

أين تقوم بتخزين البيانات في storage

هل يمكنك إرفاق المشروع كملف مضغوط لأتمكن من تجريبه وإصلاح الأخطاء؟ شكرا لك

حاول وضع شرط قبل عرض القائمة flat list تتأكد من وجود بيانات ضمن books قبل عرض القائمة لأنها ستعرض بياناتها.

حاول استخدام المعامل && أو ضعها في مكون منفصل و ضع الشرط المناسب قبل المرور على القائمة

بتاريخ 1 ساعة قال Wael Aljamal:

حاول وضع شرط قبل عرض القائمة flat list تتأكد من وجود بيانات ضمن books قبل عرض القائمة لأنها ستعرض بياناتها.

حاول استخدام المعامل && أو ضعها في مكون منفصل و ضع الشرط المناسب قبل المرور على القائمة

فعلتها بدون فائدة

بتاريخ 4 دقائق مضت قال أحمد ابراهيم عبد الله:

فعلتها بدون فائدة

حسنا أرجو مشاركة الشيفرة البرمجية بعد التعديل.

بتاريخ 7 دقائق مضت قال Wael Aljamal:

حسنا أرجو مشاركة الشيفرة البرمجية بعد التعديل.

import React, {useState} from 'react';
import {View, Button, FlatList, Text} from 'react-native';
import AsyncStorage from '@react-native-async-storage/async-storage';

const books = [
  {id: 1, name: 'book one Updated'},
  {id: 2, name: 'book two'},
  {id: 3, name: 'book three'},
];
export default function GetDataScreen() {
  const [Books, setBooks] = useState([]);

  const getData = async () => {
    try {
      const jsonValue = await AsyncStorage.getItem('books');
      setBooks(jsonValue);
      console.log(Books);
      return jsonValue != null ? jsonValue : null;
    } catch (e) {
      console.log(e);
    }
  };

  React.useEffect(() => {
    getData();
  }, []);

  return (
    <View>
      <Button title="get" onPress={() => getData()} />

      {Books.length > 0 && (
        <FlatList
          data={Books}
          keyExtractor={item => item.id.toString()}
          renderItem={({item}) => <Text>{item.name}</Text>}
        />
      )}

      <Button
        title="log"
        onPress={() => {
          console.log(books.length);
          console.log(Books.length);
        }}
      />
    </View>
  );
}

بتاريخ 8 دقائق مضت قال Wael Aljamal:

حسنا أرجو مشاركة الشيفرة البرمجية بعد التعديل.

المشكلة انه فى Async storage لا يعيطينى الاراى كما خزنها انها يعطيها لى مقسمة وخالية من ال objects

بتاريخ 9 دقائق مضت قال Wael Aljamal:

حسنا أرجو مشاركة الشيفرة البرمجية بعد التعديل.

هل هناك خطأ فى كود Async storage .. انا ريد ان اخزن أراى 

إن الدالتين setItem + getItem تتعاملان مع سلاسل نصية وليس أغراض JSON عند التخزين أو جلب القيم. لذلك علينا تحويل المصفوصة لسلسلة نصية قبل حفظها، و إعادتها لغرض JSON بعد قرائتها:

الدوال المساعدة:

1. JSON.stringify لتحويل غرض JSON لسلسلة نصية
2. JSON.parse: لتحويل السلسلة النصية لغرض JSON

• set

setObjectValue = async (value) => {
  try {
    const jsonValue = JSON.stringify(value)
    await AsyncStorage.setItem('key', jsonValue)
  } catch(e) {
    // save error
  }

  console.log('Done.')
}

• get

getMyObject = async () => {
  try {
    const jsonValue = await AsyncStorage.getItem('@key')
    return jsonValue != null ? JSON.parse(jsonValue) : null
  } catch(e) {
    // read error
  }

  console.log('Done.')

}

تحتاج لعملية تعديل بسيطة في الشيفرة لديك كما في المثالين السابقين