1import 'dart:async';
2import 'dart:convert';
3
4import 'package:flutter/material.dart';
5import 'package:http/http.dart' as http;
6
7Future<Album> createAlbum(String title) async {
8  final http.Response response = await http.post(
9    'https://jsonplaceholder.typicode.com/albums',
10    headers: <String, String>{
11      'Content-Type': 'application/json; charset=UTF-8',
12    },
13    body: jsonEncode(<String, String>{
14      'title': title,
15    }),
16  );
17
18  if (response.statusCode == 201) {
19    return Album.fromJson(jsonDecode(response.body));
20  } else {
21    throw Exception('Failed to create album.');
22  }
23}
24
25class Album {
26  final int id;
27  final String title;
28
29  Album({this.id, this.title});
30
31  factory Album.fromJson(Map<String, dynamic> json) {
32    return Album(
33      id: json['id'],
34      title: json['title'],
35    );
36  }
37}
38
39void main() {
40  runApp(MyApp());
41}
42
43class MyApp extends StatefulWidget {
44  MyApp({Key key}) : super(key: key);
45
46  @override
47  _MyAppState createState() {
48    return _MyAppState();
49  }
50}
51
52class _MyAppState extends State<MyApp> {
53  final TextEditingController _controller = TextEditingController();
54  Future<Album> _futureAlbum;
55
56  @override
57  Widget build(BuildContext context) {
58    return MaterialApp(
59      title: 'Create Data Example',
60      theme: ThemeData(
61        primarySwatch: Colors.blue,
62      ),
63      home: Scaffold(
64        appBar: AppBar(
65          title: Text('Create Data Example'),
66        ),
67        body: Container(
68          alignment: Alignment.center,
69          padding: const EdgeInsets.all(8.0),
70          child: (_futureAlbum == null)
71              ? Column(
72                  mainAxisAlignment: MainAxisAlignment.center,
73                  children: <Widget>[
74                    TextField(
75                      controller: _controller,
76                      decoration: InputDecoration(hintText: 'Enter Title'),
77                    ),
78                    ElevatedButton(
79                      child: Text('Create Data'),
80                      onPressed: () {
81                        setState(() {
82                          _futureAlbum = createAlbum(_controller.text);
83                        });
84                      },
85                    ),
86                  ],
87                )
88              : FutureBuilder<Album>(
89                  future: _futureAlbum,
90                  builder: (context, snapshot) {
91                    if (snapshot.hasData) {
92                      return Text(snapshot.data.title);
93                    } else if (snapshot.hasError) {
94                      return Text("${snapshot.error}");
95                    }
96
97                    return CircularProgressIndicator();
98                  },
99                ),
100        ),
101      ),
102    );
103  }
104}
105