DetailScreen.dart

import 'package:flutter/material.dart';
import 'dart:async';
import 'dart:convert';
import 'package:http/http.dart' as http;

void main() => runApp(MaterialApp(
      title: "Detail Screen",
      home: DetailScreen(),
    ));

class DetailScreen extends StatefulWidget {
  final String foodIdD;
  DetailScreen({Key key,this.foodIdD}) : super(key:key);

  @override
  _DetailScreenState createState() => _DetailScreenState(foodIdD: this.foodIdD);
}

class _DetailScreenState extends State<DetailScreen> {

  String foodIdD;
  _DetailScreenState({Key key,foodIdD});

  Map meals;
  List foodData;

  Future _getData() async {
    http.Response response = await http
        .get('https://www.themealdb.com/api/json/v1/1/lookup.php?i=$foodIdD');
    meals = json.decode(response.body);
    if (this.mounted) {
      setState(() {
        foodData = meals["meals"];
      });
      debugPrint(foodData.toString());
    }
    return foodData;
  }

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

  @override
  Widget build(BuildContext context) {
    return Container(child: Text(foodIdD));
  }
}

// class DetailScreen extends StatelessWidget {

//   final String foodIdD;
//   final String foodNameD;
//   final String foodImagesD;

//   DetailScreen({this.foodIdD,this.foodNameD,this.foodImagesD});
//   @override
//   Widget build(BuildContext context) {
//     return Container(
//       child: Text(foodIdD),
//     );
//   }
// }