flutter_users_api_call (一个用于通过 REST API 调用用户的 Flutter 应用)
入门
这个项目是一个非复杂的应用程序，通过 API 调用 20 个用户，并在单击事件（向右箭头光标图标）时渲染特定用户的详细信息。（https://randomuser.me/api/?results=20）
文件夹结构
这是 Flutter 提供的核心文件夹结构。 flutter-app/ |- android |- build |- ios |- lib |- test
这是我在本项目中使用的文件夹结构 lib/ |- pages/ |- pages/homepage.dart |- pages/profile_page.dart |- main.dart
Main
import 'package:flutter/material.dart'; import 'package:flutter_users_api_call/pages/homepage.dart';
void main() { runApp(const MyApp()); }
class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key);
@override Widget build(BuildContext context) { return const MaterialApp( debugShowCheckedModeBanner: false, home: HomePage(), ); } }
HomePage（在触发“获取用户”操作之前）|| HomePage（包含从 API 获取的用户数组）
用户详细信息页面（使用 Navigator.of(context).push）
