Flutter url获取数据

最新推荐文章于 2023-08-11 11:06:37 发布

兰叶书

最新推荐文章于 2023-08-11 11:06:37 发布

阅读量1.9k

点赞数

分类专栏： # Flutter 实例

本文链接：https://blog.csdn.net/u013227399/article/details/103596778

版权

Flutter 实例专栏收录该内容

24 篇文章 0 订阅

订阅专栏

import 'dart:async';
import 'dart:convert';

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

//发起网络请求
Future<Post> fetchPost() async{
  final response = await http.get('https://jsonplaceholder.typicode.com/posts/1');
  final responseJson = json.decode(response.body);
  return Post.fromJson(responseJson);
}
//将返回的内容转换为Dart 对象
class Post{
  final int userId;
  final int id;
  final String title;
  final String body;

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

  factory Post.fromJson(Map<String, dynamic> json){
    return Post(
      userId: json['userId'],
      id: json['id'],
      title: json['title'],
      body: json['body'],
    );
  }
}

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var appBar2 = AppBar(
          title: Text('Demo2'),
        );
    return MaterialApp(
      title: 'Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: appBar2,
        body: Center(
          //获取显示数据
          child: FutureBuilder<Post>(
            future: fetchPost(),
            builder: (context,snapshot) {
              if(snapshot.hasData){
                return Text(snapshot.data.title);
              } else if (snapshot.hasError) {
                return Text('${snapshot.error}');
              }
              return CircularProgressIndicator();
            },
          ),
        ),
      ),
    );
  }
}

参考：https://flutterchina.club/cookbook/