loading a local json file in flutter

 import 'package:flutter/material.dart';

import 'dart:convert';

void main(){
  runApp(MaterialApp(
    home: HomePage(),
    theme: ThemeData(
      primarySwatch: Colors.teal
    ),
  ));
}

class HomePage extends StatefulWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  late List data;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Loading Json"),
      ),
      body: Container(
        child: Center(
          child: FutureBuilder(
            future: DefaultAssetBundle.of(context).loadString('load_jason/person.json'),
            builder: (context,snapshot){
              //Decoding json
              var myData = jsonDecode(snapshot.data.toString());

              return ListView.builder(
              itemBuilder: (BuildContext context, index){
                return Card(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text("Name"+myData[index]['name']),
                      Text("Age"+myData[index]['age']),
                      Text("Height"+myData[index]['height']),
                      Text("Hair Color"+myData[index]['hair_color']),
                      Text("Gender"+myData[index]['gender']),
                    ],
                  ),
                );
              },
                itemCount: myData==null ? 0 : myData.length,
              );

            },
          ),
        ),
      ),
    );
  }
}