fluent_networking 0.9.0

Package that provides a simple way to make http requests

example/lib/main.dart

import 'package:fluent_networking/fluent_networking.dart';
import 'package:fluent_networking_example/app_config.dart';
import 'package:flutter/material.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  await Fluent.build([NetworkingModule(config: ApiConfig())]);

  runApp(const MainApp());
}

class MainApp extends StatefulWidget {
  const MainApp({super.key});

  @override
  State<MainApp> createState() => _MainAppState();
}

class _MainAppState extends State<MainApp> {
  late Future<ResponseResult<Map<String, dynamic>>> _future;
  bool _useCache = true;

  @override
  void initState() {
    super.initState();
    _fetchPokemon();
  }

  void _fetchPokemon() {
    final networkingApi = Fluent.get<NetworkingApi>();

    setState(() {
      _future = networkingApi.get<Map<String, dynamic>>(
        "/pokemon",
        cacheConfig: _useCache
            ? const CacheConfig(duration: Duration(minutes: 1))
            : const CacheConfig(forceRefresh: true),
      );
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.red),
        useMaterial3: true,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: const Text("Fluent Networking Demo"),
          elevation: 2,
          actions: [
            Row(
              children: [
                const Text("Use Cache"),
                Switch(
                  value: _useCache,
                  onChanged: (value) {
                    setState(() {
                      _useCache = value;
                    });
                  },
                ),
              ],
            ),
          ],
        ),
        body: FutureBuilder<ResponseResult<Map<String, dynamic>>>(
          future: _future,
          builder: (context, snapshot) {
            if (snapshot.connectionState == ConnectionState.waiting) {
              return const Center(child: CircularProgressIndicator());
            }

            if (!snapshot.hasData) {
              return const Center(child: Text("No data received"));
            }

            final result = snapshot.data!;

            return switch (result) {
              Success(data: final pokemonData) => _PokemonList(
                data: pokemonData,
                onRefresh: _fetchPokemon,
              ),
              Failure(error: final httpError) => Center(
                child: Padding(
                  padding: const EdgeInsets.all(16.0),
                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      const Icon(
                        Icons.error_outline,
                        size: 48,
                        color: Colors.red,
                      ),
                      const SizedBox(height: 8),
                      Text(
                        "Error ${httpError.code ?? 'Unknown'}",
                        style: const TextStyle(fontWeight: FontWeight.bold),
                      ),
                      Text(httpError.message),
                      const SizedBox(height: 16),
                      ElevatedButton(
                        onPressed: _fetchPokemon,
                        child: const Text("Retry"),
                      ),
                    ],
                  ),
                ),
              ),
            };
          },
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: _fetchPokemon,
          child: const Icon(Icons.refresh),
        ),
      ),
    );
  }
}

class _PokemonList extends StatelessWidget {
  const _PokemonList({required this.data, required this.onRefresh});

  final Map<String, dynamic> data;
  final VoidCallback onRefresh;

  @override
  Widget build(BuildContext context) {
    final results = data["results"] as List<dynamic>? ?? [];

    if (results.isEmpty) {
      return const Center(child: Text("No Pokemons found"));
    }

    return RefreshIndicator(
      onRefresh: () async => onRefresh(),
      child: ListView.separated(
        itemCount: results.length,
        separatorBuilder: (_, __) => const Divider(height: 1),
        itemBuilder: (context, index) {
          final pokemon = results[index] as Map<String, dynamic>;
          final name = pokemon["name"]?.toString() ?? "Unknown";
          final url = pokemon["url"]?.toString() ?? "";

          return ListTile(
            leading: CircleAvatar(child: Text(name[0].toUpperCase())),
            title: Text(
              name.toUpperCase(),
              style: const TextStyle(fontWeight: FontWeight.bold),
            ),
            subtitle: Text(url),
            trailing: const Icon(Icons.chevron_right),
          );
        },
      ),
    );
  }
}