/Javascript/Flutter/Json in listview flutter

Json in listview flutter

Future<Post> fetchPost() async {
  final response =
  await http.get('http://simone.fabriziolerose.it/index.php/Hello/dispdataflutter');

  if (response.statusCode == 200) {
    // If the call to the server was successful, parse the JSON.
    return Post.fromJson(json.decode(response.body));
  } else {
    // If that call was not successful, throw an error.
    throw Exception('Failed to load post');
  }
}

class Post {
  final int id;
  final String title;
  final String body;

  Post({ this.id, this.title, this.body});

  factory Post.fromJson(Map<String, dynamic> json) {
    return Post(

      id: json['id'],
      title: json['testo'],
      body: json['stato'],
    );
  }
}

void main() => runApp(MyApp(post: fetchPost()));

class MyApp extends StatelessWidget {
  final Future<Post> post;

  MyApp({Key key, this.post}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Fetch Data Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text('Fetch Data Example'),
        ),
        body: Center(
          child: FutureBuilder<Post>(
            future: post,
            builder: (context, snapshot) {
              if (snapshot.hasData) {
                return Text(snapshot.data.title);
              } else if (snapshot.hasError) {
                return Text("${snapshot.error}");
              }

              // By default, show a loading spinner.
              return CircularProgressIndicator();
            },
          ),
        ),
      ),
    );
  }
}

Source: stackoverflow.com

Similar codes

2 votes430 views1 answer
Flutter convert json string to json
Javascript Flutter
19 votes390 views4 answers
Flutter http request
Javascript Flutter
0 vote435 views1 answer
How ot make a background color faor evaluationbutton in flutter
Javascript Flutter
0 vote369 views1 answer
How to display data from json api using flutter expansiontile
Javascript Flutter
2 votes481 views1 answer
Flutter json to class
Javascript Flutter
2 votes425 views1 answer
Flutter text with icon
Javascript Flutter
0 vote368 views2 answers
Interact with flutter and javascript
Javascript Flutter
0 vote384 views1 answer
Run javascript in flutter
Javascript Flutter
0 vote415 views1 answer
Push json data into a list of objects in flutter
Javascript Flutter
0 vote354 views2 answers
Flutter intl currency
Javascript Flutter