شرح قراءة ملف json من الassets في Flutter وعرضه || How to read json file from assets in Flutter project

شرح قراءة ملف json من الassets في Flutter وعرضه

{
  "friends": [
    {
    "name": "Ahmed mahmoud",
    "age": "15"
     },
    {
      "name": "Geecoders",
      "age": "22"
    },
    {
      "name": "Carla Sargent",
      "age": "51"
    },
    {
      "name": "Sara Savage",
      "age": "24"
    },
    {
      "name": "Beach Workman",
      "age": "42"
    },
    {
      "name": "Courtney Roberts",
      "age": "26"
    },
    {
      "name": "Abby Hood",
      "age": "28"
    },
    {
      "name": "Belinda Acosta",
      "age": "33"
    }
  ]
}

How to Read Json List file in Flutter

body: FutureBuilder(
        future: DefaultAssetBundle.of(context).loadString('assets/jsonList.json'),
        builder: (context,snapshot) {
          if (snapshot.hasError) {
            return Center(
              child: Text('Error: ${snapshot.error}'),
            );
          } else if (snapshot.hasData) {
            var myData = json.decode(snapshot.data.toString())['friends'];
            return ListView.builder(
              itemCount: myData.length,
              itemBuilder: (context, index) {
                return Padding(
                    padding: const EdgeInsets.all(12.0),
                    child: Text(myData[index]['name']));
              },
            );
          } else {
            return Container();
          }
        },
      )
      

[
  {
    "formule": "Linear Motion",
    "url": "qp1"
  },
  {
    "formule": "Constant Acceleration Motion",
    "url": "qp2"
  },
  {
    "formule": "Projectile Motion",
    "url": "qp3"
  },
  {
    "formule": "Force",
    "url": "qp4"
  },
  {
    "formule": "Work, Power, Energy",
    "url": "qp5"
  }
]

قراءة ملف json من asstes في Flutter بشرح بسيط

      body: FutureBuilder(
        future: DefaultAssetBundle.of(context).loadString('assets/jsonMap.json'),
        builder: (context,snapshot) {
          if (snapshot.hasError) {
            return Center(
              child: Text('Error: ${snapshot.error}'),
            );
          } else if (snapshot.hasData) {
            var myData = json.decode(snapshot.data.toString());
            return ListView.builder(
              itemCount: myData.length,
              itemBuilder: (context, index) {
                return Padding(
                    padding: const EdgeInsets.all(12.0),
                    child: Text(myData[index]['formule']));
              },
            );
          } else {
            return Container();
          }
        },
      )