flutter:安装第三方库dio 5.9.2，一个简单的get方法例子

一，安装

地址:

https://pub.dev/packages/dio

编辑pubspec.yaml

dependencies:dio: ^5.9.2

二，代码

import 'package:flutter/material.dart';
import 'package:dio/dio.dart';
import 'dart:convert';
import 'dart:io';class DetailPage extends StatefulWidget {@overrideState<DetailPage> createState() => _DetailPageState();
}class _DetailPageState extends State<DetailPage>  {String _title = "标题";String _author = "作者";String _content = "吟诗一首";Future<Map<String, dynamic>> getHttp(String url) async {Map<String,dynamic> res = {};try {final response = await Dio().get(url);print(response);if (response.statusCode == HttpStatus.ok) {var data= jsonDecode(response.toString());print(data);//setContent(data['data']['content'],data['data']['title'],data['data']['author']);res['data'] = data['data'];res['status'] = 'success';res['message'] = '';return res;} else {res['data'] = {};res['status'] = 'failed';res['message'] = 'response.statusCode:'+response.statusCode.toString();return res;}} catch (e) {print(e.toString());res['data'] = {};res['status'] = 'failed';res['message'] = 'exception:'+e.toString();return res;}}@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(backgroundColor: Theme.of(context).colorScheme.surfaceContainer,title: const Text("detail页面"),),body: Center(child: Column(mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[ElevatedButton(onPressed: () async {print("按钮被点击了：");String url = "http://www.nihonnoma.net/detail.php";var res = await getHttp(url);print(res);if (res['status'] == 'success') {setState(() {_content = res['data']['content'];_title = res['data']['title'];_author = res['data']['author'];});} else {print("报错:"+res['message']);}},child: Text('获取远程数据',style: TextStyle(color: Colors.blue,),),),Text('$_title',),Text('$_author',),Text('$_content',style: Theme.of(context).textTheme.headlineMedium,),],),),);}}

 

三，测试效果: