Flutter 课程，作业 1

Chuck Norris 笑话

描述

这是 Flutter 应用程序，展示了 Chuck Norris 的图片和他的笑话。该应用程序基于 Tinder 应用的理念，您可以向左滑动表示喜欢，向右滑动表示不感兴趣，底部还有两个喜欢和不喜欢的按钮。在应用程序栏中，我放置了显示对话框和关于我信息的按钮。

图片

滚动笑话 页面 对话框
Scrolling page dailog

库

  • http – 这个库用于从这个 网站 获取名言
  • json_serializable – 这个库用于将 JSON 数据序列化为模型对象。
  • flutter_lints – 这个库用于检测警告并报告给用户。
  • build_runner – 这个库用于生成 Joke.g.dart 文件。

代码

使用 http 库获取数据

Future<Joke> getHttp() async {
  var response =
      await http.get(Uri.https('api.chucknorris.io', '/jokes/random'));
  if (response.statusCode == 200) {
    var result = jsonDecode(response.body);
    return Joke.fromJson(result);
  } else {
    throw Exception("Bad connection try again");
  }
}

结果将是包含这些属性的 JSON

var categories = [];
var created_at = "";
var icon_url = "";
var id = "";
var updated_at = "";
var url = "";
var value = "";

APK

release-apk

GitHub

查看 Github