探索 Flutter Weather App：优雅地构建天气查询应用

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}
 
class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}
 
class _HomePageState extends State<HomePage> {
  // 添加天气数据模拟
  var weatherInfo = {
    'condition': '多云',
    'temp': 20,
  };
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Weather App'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Icon(
              Icons.wb_sunny,
              size: 100,
              color: Colors.blue[200],
            ),
            Text(
              '${weatherInfo['condition']}',
              style: TextStyle(fontSize: 40),
            ),
            Text(
              'Temperature: ${weatherInfo['temp']}°',
              style: TextStyle(fontSize: 20),
            ),
          ],
        ),
      ),
    );
  }
}

这段代码展示了如何使用Flutter创建一个简单的天气应用的基本框架。它包括一个HomePage状态fulWidget，它管理应用的状态并在其build方法中返回一个Scaffold，这是一个带有AppBar和天气信息的Column的基础布局。这个例子是进一步开发和集成实际天气数据前的起点。