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.

Installation #

To use the page_not_found package, add the following line to your pubspec.yaml file under the dependencies section:

dependencies:
  page_not_found: ^<latest_version>

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
        ),

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.errorTemplate1(
          context: context,
        ),
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.'));
          }
        },
      ),

Developed by: Shekhar Sardesai Personal email - [email protected] Work email - [email protected] Publisher's LinkedIn - https://www.linkedin.com/company/fermioninfotech?trk=profile-position