page_navigator.dart

Go to the documentation of this file.

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:hugeicons/hugeicons.dart';
 
class PageNavigator extends StatefulWidget {
  const PageNavigator({
    super.key,
    required this.tottalPages,
    required this.currentPage,
    required this.pageController,
  });
 
  final int tottalPages;
  final int currentPage;
  final PageController pageController;
 
  @override
  // ignore: library_private_types_in_public_api
  _PageNavigatorState createState() => _PageNavigatorState();
}
 
class _PageNavigatorState extends State<PageNavigator> {
  late PageController _pageController;
  late int _currentPage;
  late int _totalPages;
 
  @override
  void initState() {
    super.initState();
    _currentPage = widget.currentPage;
    _totalPages = widget.tottalPages;
    _pageController = widget.pageController;
    _pageController.addListener(() {
      setState(() {
        _currentPage = _pageController.page?.round() ?? 0;
      });
    });
  }
 
  void _goToPreviousPage() {
    if (_currentPage > 0) {
      _pageController.previousPage(
        duration: Duration(milliseconds: 300),
        curve: Curves.ease,
      );
    }
  }
 
  void _goToNextPage() {
    if (_currentPage < _totalPages - 1) {
      _pageController.nextPage(
        duration: Duration(milliseconds: 300),
        curve: Curves.ease,
      );
    }
  }
 
  @override
  void dispose() {
    _pageController.dispose();
    super.dispose();
  }
 
  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.symmetric(horizontal: 25.sp),
      child: Row(
        children: [
          Expanded(
            child: ElevatedButton(
              onPressed: _currentPage > 0 ? _goToPreviousPage : null,
              style: ElevatedButton.styleFrom(
                padding: EdgeInsets.symmetric(vertical: 12.sp),
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(80.0),
                ),
              ),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Icon(HugeIcons.strokeRoundedArrowLeft02),
                  SizedBox(width: 8.sp),
                  Text('Previous'),
                ],
              ),
            ),
          ),
          SizedBox(width: 16),
          Expanded(
            child: ElevatedButton(
              onPressed: _currentPage < _totalPages - 1
                  ? _goToNextPage
                  : () {
                      Navigator.of(context).pop(); // Pops the current screen
                    },
              style: ElevatedButton.styleFrom(
                padding: EdgeInsets.symmetric(vertical: 12.sp),
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(80.0),
                ),
              ),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text(_currentPage < _totalPages - 1 ? 'Next' : 'Done'),
                  if (_currentPage < _totalPages - 1) ...[
                    SizedBox(width: 8),
                    Icon(HugeIcons.strokeRoundedArrowRight02),
                  ],
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}