"Flutter make widget based on dio" Code Answer's
You're definitely familiar with the best coding language Dart that developers use to develop their projects and they get all their queries like "Flutter make widget based on dio" answered properly. Developers are finding an appropriate answer about Flutter make widget based on dio related to the Dart coding language. By visiting this online portal developers get answers concerning Dart codes question like Flutter make widget based on dio. Enter your desired code related query in the search bar and get every piece of information about Dart code related question on Flutter make widget based on dio.
Flutter make widget based on dio
import 'dart:async';
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
Future<Album> fetchAlbum() async {
final response =
await http.get('https://jsonplaceholder.typicode.com/albums/1');
if (response.statusCode == 200) {
// If the server did return a 200 OK response,
// then parse the JSON.
return Album.fromJson(jsonDecode(response.body));
} else {
// If the server did not return a 200 OK response,
// then throw an exception.
throw Exception('Failed to load album');
}
}
Future<Album> updateAlbum(String title) async {
final http.Response response = await http.put(
'https://jsonplaceholder.typicode.com/albums/1',
headers: <String, String>{
'Content-Type': 'application/json; charset=UTF-8',
},
body: jsonEncode(<String, String>{
'title': title,
}),
);
if (response.statusCode == 200) {
// If the server did return a 200 OK response,
// then parse the JSON.
return Album.fromJson(jsonDecode(response.body));
} else {
// If the server did not return a 200 OK response,
// then throw an exception.
throw Exception('Failed to update album.');
}
}
class Album {
final int id;
final String title;
Album({this.id, this.title});
factory Album.fromJson(Map<String, dynamic> json) {
return Album(
id: json['id'],
title: json['title'],
);
}
}
void main() {
runApp(MyApp());
}
class MyApp extends StatefulWidget {
MyApp({Key key}) : super(key: key);
@override
_MyAppState createState() {
return _MyAppState();
}
}
class _MyAppState extends State<MyApp> {
final TextEditingController _controller = TextEditingController();
Future<Album> _futureAlbum;
@override
void initState() {
super.initState();
_futureAlbum = fetchAlbum();
}
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Update Data Example',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(
appBar: AppBar(
title: Text('Update Data Example'),
),
body: Container(
alignment: Alignment.center,
padding: const EdgeInsets.all(8.0),
child: FutureBuilder<Album>(
future: _futureAlbum,
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.done) {
if (snapshot.hasData) {
return Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(snapshot.data.title),
TextField(
controller: _controller,
decoration: InputDecoration(hintText: 'Enter Title'),
),
ElevatedButton(
child: Text('Update Data'),
onPressed: () {
setState(() {
_futureAlbum = updateAlbum(_controller.text);
});
},
),
],
);
} else if (snapshot.hasError) {
return Text("${snapshot.error}");
}
}
return CircularProgressIndicator();
},
),
),
),
);
}
}
Source: flutter.dev
All those coders who are working on the Dart based application and are stuck on Flutter make widget based on dio can get a collection of related answers to their query. Programmers need to enter their query on Flutter make widget based on dio related to Dart code and they'll get their ambiguities clear immediately. On our webpage, there are tutorials about Flutter make widget based on dio for the programmers working on Dart code while coding their module. Coders are also allowed to rectify already present answers of Flutter make widget based on dio while working on the Dart language code. Developers can add up suggestions if they deem fit any other answer relating to "Flutter make widget based on dio". Visit this developer's friendly online web community, CodeProZone, and get your queries like Flutter make widget based on dio resolved professionally and stay updated to the latest Dart updates.