pdf_viewer_screen.dart

Go to the documentation of this file.

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter_pdfview/flutter_pdfview.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:path_provider/path_provider.dart';
import 'package:flutter/services.dart';
 
import '../../../../core/ui/widgets/custom_scaffold.dart';
 
class PdfViewerScreen extends StatefulWidget {
  final String pdfPath;
  final int courseId;
  final void Function(double progress) onComplete;
 
  const PdfViewerScreen({
    super.key,
    required this.pdfPath,
    required this.courseId,
    required this.onComplete,
  });
 
  @override
  State<PdfViewerScreen> createState() => _PdfViewerScreenState();
}
 
class _PdfViewerScreenState extends State<PdfViewerScreen> {
  int _totalPages = 0;
  int _currentPage = 0;
  bool _isReady = false;
  bool _hasMarkedComplete = false;
  String? _localPdfPath;
  bool _isLoading = true;
 
  @override
  void initState() {
    super.initState();
    _loadPdfFromAssets();
  }
 
  Future<void> _loadPdfFromAssets() async {
    try {
      final ByteData data = await rootBundle.load(widget.pdfPath);
      final List<int> bytes = data.buffer.asUint8List();
 
      // Get temporary directory
      final dir = await getTemporaryDirectory();
 
      // Create a file in the temporary directory
      final file = File('${dir.path}/${widget.pdfPath.split('/').last}');
 
      // Write the PDF data to the file
      await file.writeAsBytes(bytes);
 
      setState(() {
        _localPdfPath = file.path;
        _isLoading = false;
      });
    } catch (e) {
      print('Error loading PDF: $e');
      setState(() {
        _isLoading = false;
      });
    }
  }
 
  @override
  Widget build(BuildContext context) {
    return CustomScaffold(
      title: 'Learning Material',
      isLeadingVisible: true,
      body: SafeArea(
        child: _isLoading
            ? Center(child: CircularProgressIndicator())
            : Column(
                children: [
                  // PDF progress indicator
                  if (_isReady && _totalPages > 0)
                    Padding(
                      padding: EdgeInsets.all(12.r),
                      child: Column(
                        children: [
                          Row(
                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
                            children: [
                              Text(
                                'Page $_currentPage of $_totalPages',
                                style: Theme.of(context)
                                    .textTheme
                                    .bodySmall
                                    ?.copyWith(
                                      color:
                                          Theme.of(context).colorScheme.primary,
                                    ),
                              ),
                              ElevatedButton(
                                style: ElevatedButton.styleFrom(
                                  padding: EdgeInsets.symmetric(
                                    horizontal: 15,
                                    vertical: 13,
                                  ),
                                  shape: RoundedRectangleBorder(
                                    borderRadius: BorderRadius.circular(200),
                                  ),
                                ),
                                onPressed: _hasMarkedComplete
                                    ? null
                                    : () {
                                        setState(() {
                                          _hasMarkedComplete = true;
                                        });
                                        widget.onComplete(0.5);
                                        Navigator.pop(context);
                                      },
                                child: Text(
                                  _hasMarkedComplete
                                      ? 'Marked as Complete'
                                      : "I've Read the PDF",
                                  style: Theme.of(context)
                                      .textTheme
                                      .bodySmall
                                      ?.copyWith(
                                        color: Theme.of(context)
                                            .colorScheme
                                            .onPrimary,
                                      ),
                                ),
                              ),
                            ],
                          ),
                        ],
                      ),
                    ),
 
                  // PDF Viewer
                  Expanded(
                    child: _buildPdfView(),
                  ),
 
                  // Mark as complete button
                ],
              ),
      ),
    );
  }
 
  Widget _buildPdfView() {
    if (_localPdfPath == null) {
      return Center(
        child: Text('Failed to load PDF'),
      );
    }
 
    return PDFView(
      filePath: _localPdfPath!,
      enableSwipe: true,
      swipeHorizontal: true,
      autoSpacing: false,
      pageFling: false,
      pageSnap: true,
      defaultPage: 0,
      fitPolicy: FitPolicy.BOTH,
      preventLinkNavigation: false,
      onRender: (pages) {
        setState(() {
          _totalPages = pages!;
          _isReady = true;
        });
      },
      onError: (error) {
        print('Error loading PDF: $error');
      },
      onPageError: (page, error) {
        print('Error loading page $page: $error');
      },
      onViewCreated: (PDFViewController pdfViewController) {
        // PDF view created
      },
      onPageChanged: (int? page, int? total) {
        if (page != null) {
          setState(() {
            _currentPage = page + 1;
          });
        }
      },
    );
  }
}