Les utilisateurs Flutter appellent l’API REST et rendent les détails des utilisateurs spécifiques dans la page de profil

Commencer

Ce projet est une application non complexe permettant d’appeler une plage de 20 utilisateurs via une API et de restituer les détails d’un utilisateur spécifique dans un événement au clic (icône de curseur en forme de flèche vers l’avant). (https://randomuser.me/api/?results=20)

Structure des dossiers

Voici la structure de dossier de base fournie par Flutter.

flutter-app/
|- android
|- build
|- ios
|- lib
|- test


Voici la structure de dossiers que j’ai utilisée dans ce projet

lib/
|- pages/
|- pages/homepage.dart
|- pages/profile_page.dart
|- main.dart

Principale

import 'package:flutter/material.dart';
import 'package:flutter_users_api_call/pages/homepage.dart';

void main() { runApp(const MyApp()); }

class MyApp étend StatelessWidget { const MyApp({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return const MaterialApp(
debugShowCheckedModeBanner: false,
home: HomePage(),
);
}
}

Page d’accueil (avant de déclencher l’action ‘récupérer l’utilisateur’) || Page d’accueil (Avec un tableau d’utilisateurs extraits de l’API)

Page des détails de l’utilisateur (à l’aide de Navigator.of(context).push)

GitHub

Voir Github