page_not_found

Getting Started

A Flutter package designed to display 404 error pages offers customizable widgets that integrate images and Lottie animations. It allows developers to create visually appealing error pages for web and mobile applications, enhancing user experience. Features typically include: Image Support: 10 different images for 404 error page not found Lottie Animations : 10 different Lottie animations.

404 Lottie Animations

Using page_not_found for animations

To use the page_not_found package, you can display an animated error page with customizable GIF dimensions. Here's an example:

import 'package:flutter/material.dart';
import 'package:uniquepackage/uniquepackage.dart';

 FutureBuilder<Widget>(
        future: PageNotFound.animatedError10(
          context: context,
          gifHeight: 200.0, // Optional: Customize gifHeight as per your requirements
          gifWidth: 200.0,  // Optional: Customize gifWidth as per your requirements
        ),//The gifHeight and gifWidth parameters are optional and can be customized as per your requirements.

builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.waiting) {
            return const Center(child: CircularProgressIndicator());
          } else if (snapshot.hasError) {
            return Center(child: Text('Error: ${snapshot.error}'));
          } else if (snapshot.hasData) {
            return snapshot.data!;
          } else {
            return const Center(child: Text('Something went wrong.'));
          }
        },
      ),

404 error images

Using page_not_found for Error Images

import 'package:flutter/material.dart';
import 'package:uniquepackage/uniquepackage.dart';

 FutureBuilder<Widget>(
        future: PageNotFound.animatedError10(
          context: context,
          gifHeight: 200.0, // Optional: Customize gifHeight as per your requirements
          gifWidth: 200.0,  // Optional: Customize gifWidth as per your requirements
        ),//The gifHeight and gifWidth parameters are optional and can be customized as per your requirements.

builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.waiting) {
            return const Center(child: CircularProgressIndicator());
          } else if (snapshot.hasError) {
            return Center(child: Text('Error: ${snapshot.error}'));
          } else if (snapshot.hasData) {
            return snapshot.data!;
          } else {
            return const Center(child: Text('Something went wrong.'));
          }
        },
      ),