Flutter 天气应用

一个 Flutter 应用,通过 WeatherAPI 发现天气?

这款天气应用是 Zesan 设计的 天气应用 的设计实现。

本项目依赖于 Emad Beltaje 制作的 Flutter Getx 模板

应用演示?

Flutter Weather App Demo


应用截图?

浅色模式 ☀

LightMode


深色模式 ?

DarkMode


概述 ?

Flutter 天气应用是一个视觉上引人注目且功能齐全的天气状况发现用户界面。该应用允许用户获取他们所在地的准确天气信息,以及世界各地一些城市的天气信息。它提供实时天气更新、预报等。


依赖项 ?️

  • get – 管理状态和注入依赖。
  • dio – Dart/Flutter 的强大 HTTP 网络包。
  • location – 轻松实时访问设备位置。
  • smooth_page_indicator – 可自定义的动画页面指示器,具有一套内置效果。
  • flutter_spinkit – 一系列使用 Flutter 制作的加载指示器。
  • cached_network_image – Flutter 库,用于加载和缓存网络图像。
  • shimmer – 一个提供简单方法添加闪光效果的包。
  • intl – 包含处理日期和数字格式化及解析的代码。
  • flutter_screenutil – 适配屏幕和字体大小。
  • shared_preferences – 简单的持久化数据存储。
  • flutter_animate – 在 Flutter 中添加漂亮的动画效果和构建器。
  • carousel_slider – 轮播滑块小部件,支持无限滚动和自定义子组件。
  • flutter_svg – Flutter 的 SVG 渲染和小部件库。
  • lottie – 在 Flutter 中原生渲染 After Effects 动画。
  • step_progress_indicator – 由一系列选中和未选中步骤组成的条形指示器

功能 ?

  • 发现您所在地的天气。
  • 发现世界各地的天气。
  • 24 小时天气预报。
  • 日出时间、日落时间
  • 风速和风向。
  • 提供湿度、气压、紫外线和降雨概率的详细信息。
  • 支持多种语言(英语和阿拉伯语)。
  • 将应用主题切换到深色主题。
  • 精美且友好的用户界面。

入门

  1. 通过在 WeatherAPI 创建账户来获取您的 API 密钥。

  2. 克隆仓库

    git clone https://github.com/AbdQader/flutter_weather_app.git
  3. 通过运行以下命令安装所有包

    flutter pub get
  4. 导航到 lib/utils/constants.dart 并将您的 API 密钥粘贴到 mApiKey 变量中

    static const mApiKey = 'Your API Key';
  5. 运行应用

    flutter run

别忘了给存储库 ⭐。

支持 ❤️

如需支持,您可以通过此 邮箱Facebook 联系我。

GitHub

查看 Github