API Calling with Dio

import "package:flutter/material.dart";
import "package:dio/dio.dart";

void main()
{
  runApp(MyApp());
}
class MyApp extends StatelessWidget
{
  MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "API Calling With Dio",
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.brown,
      ),
      home: DioDemo(),
    );
  }
}
class DioDemo extends StatefulWidget
{
  DioDemo({super.key});

  @override
  State<DioDemo> createState() {
    return DioDemoState();
  }
}
class DioDemoState extends State<DioDemo>
{
  var jsonlist;

  @override
  void initState()
  {
    super.initState();
    getData();
  }

  void getData() async {
    try
        {
          var response = await Dio().get("https://jsonplaceholder.typicode.com/posts");
          print(response);

          if(response.statusCode == 200)
          {
            jsonlist = response.data as List;
          }
          else
          {
            print(response.statusCode);
          }
        }
        catch(e)
    {
      print(e);
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("API Calling With Dio"),
        centerTitle: true,
        backgroundColor: Colors.grey,
      ),
      body: ListView.builder(
        itemBuilder: (context, index) {
          return Card(
            color: Colors.grey.shade200,
            child: ListTile(
              title: Text(jsonlist[index]["title"].toString(), style: TextStyle(fontWeight: FontWeight.bold),),
              subtitle: Text(jsonlist[index]["body"].toString()),
            ),
          );
        },
        itemCount: jsonlist == null ? 0 : jsonlist.length,
      ),
    );
  }
}