Wie kann ich die API -Ausgabe an UI übertragen? Es wird nicht im Container des Gerüsts rendert ⇐ Android

[Anonymous]

Bitte jemand hilft. Hier ist mein Code. Warum wird nicht die Ausgabe der API (in Parse gespeichert) in der Benutzeroberfläche im blauen Behälter angezeigt? Danke. < /P>

Code: Select all

import 'dart:convert';
import 'package:api/model/pin_code.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

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

@override
State createState() => _HomeScreenState();
}

class _HomeScreenState extends State {

Map parse = {};

Future getPincode(String pincode) async {
var response = await http
.get(Uri.parse('https://api.postalpincode.in/pincode/${pincode}'));
return compute(parsePinCode, response.body);
}

List parsePinCode(String responseBody) {
final parse = jsonDecode(responseBody);
print(parse);
final parsed = jsonDecode(responseBody).cast();
final yourResponse =  parsed.map((json) => PinCode.fromJson(json)).toList();
print('Here you go ${parsed[0]["PostOffice"][0]["Name"]}');
return yourResponse;
}

@override
Widget build(BuildContext context) {

double height = MediaQuery.of(context).size.height;
double width = MediaQuery.of(context).size.width;
final TextEditingController pinCode = TextEditingController();

return Scaffold(
backgroundColor: Colors.white,
appBar: AppBar(
title: const Text('Pin code Rest API Demo '),
),
body: Column(
children: [
SizedBox(height: height * 0.09),
TextFormField(
controller: pinCode,
),
SizedBox(
height: height * 0.05,
),
ElevatedButton(
onPressed: () async {
print("DATA FETCHED ${pinCode.text}");
final mapResponse = getPincode(pinCode.text);
print(mapResponse.toString());
},
child: const Text("Search")),
Container(
color: Colors.blue,
child: Text('Here you go $parse'),
)
],
),
);
}
}

Ich habe versucht, Parse als globale Variable zu setzen, aber die Ausgabe der API in der Benutzeroberfläche nicht erregt>