我想通过flutter创建一个天气小工具应用程序,但我发现很难做到,因为flutter上的内容有限。因此,如果有人知道如何打电话,请分享你的知识。
发布于 2017-06-20 14:44:00
如果你正在构建一个天气小部件,你几乎肯定会需要一个location插件,这个插件目前还不存在,但很快就会出现。
这是一些显示旧金山当前温度的代码。
import 'dart:async';
import 'dart:convert';
import 'package:http/http.dart' as http;
import 'package:flutter/material.dart';
void main() {
runApp(new MaterialApp(
home: new MyHomePage(),
));
}
class Weather extends StatelessWidget {
final Map<String, dynamic> data;
Weather(this.data);
Widget build(BuildContext context) {
double temp = data['main']['temp'];
return new Text(
'${temp.toStringAsFixed(1)} °C',
style: Theme.of(context).textTheme.display4,
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePageState createState() => new MyHomePageState();
}
class MyHomePageState extends State<MyHomePage> {
Future<http.Response> _response;
void initState() {
super.initState();
_refresh();
}
void _refresh() {
setState(() {
_response = http.get(
'http://api.openweathermap.org/data/2.5/forecast'
'?q=San+Francisco&units=metric&APPID=14cc828bff4e71286219858975c3e89a'
);
});
}
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text("Weather Example"),
),
floatingActionButton: new FloatingActionButton(
child: new Icon(Icons.refresh),
onPressed: _refresh,
),
body: new Center(
child: new FutureBuilder(
future: _response,
builder: (BuildContext context, AsyncSnapshot<http.Response> response) {
if (!response.hasData)
return new Text('Loading...');
else if (response.data.statusCode != 200) {
return new Text('Could not connect to weather service.');
} else {
Map<String, dynamic> json = JSON.decode(response.data.body);
if (json['cod'] == 200)
return new Weather(json);
else
return new Text('Weather service error: $json.');
}
}
)
),
);
}
}
发布于 2018-03-13 06:00:14
它可以帮助别人,点击here查看官方文档
1. Making Http Requests; import 'dart:io';
var httpClient = new HttpClient();
创建client.
get() async { var httpClient = new HttpClient();var uri = new Uri.http( 'example.com','/path1/path2',{'param1':'42','param2':'foo'});var httpClient.getUrl=等待httpClient.getUrl(uri);var request.close=等待request.close();var responseBody =等待response.transform(utf8.decder).join();Map data = JSON.decode(responseBody);}
https://stackoverflow.com/questions/44645260
复制