epub_view_enhanced 1.4.0

Flutter widget for view EPUB documents on on Web, MacOs, Android and iOS. Based on dart-epub package.

example/lib/main.dart

import 'package:epub_view_enhanced/epub_view_enhanced.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart' show SystemChrome, SystemUiOverlayStyle;

void main() => runApp(const MyApp());

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> with WidgetsBindingObserver {
  @override
  void initState() {
    WidgetsBinding.instance.addObserver(this);
    super.initState();
  }

  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  @override
  void didChangePlatformBrightness() {
    _setSystemUIOverlayStyle();
  }

  Brightness get platformBrightness =>
      MediaQueryData.fromWindow(WidgetsBinding.instance.window)
          .platformBrightness;

  void _setSystemUIOverlayStyle() {
    if (platformBrightness == Brightness.light) {
      SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
        statusBarBrightness: Brightness.light,
        statusBarIconBrightness: Brightness.dark,
        systemNavigationBarColor: Colors.grey[50],
        systemNavigationBarIconBrightness: Brightness.dark,
      ));
    } else {
      SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
        statusBarBrightness: Brightness.dark,
        statusBarIconBrightness: Brightness.light,
        systemNavigationBarColor: Colors.grey[850],
        systemNavigationBarIconBrightness: Brightness.light,
      ));
    }
  }

  @override
  Widget build(BuildContext context) => MaterialApp(
        title: 'Epub demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
          brightness: Brightness.light,
        ),
        darkTheme: ThemeData(
          primarySwatch: Colors.blue,
          brightness: Brightness.dark,
        ),
        debugShowCheckedModeBanner: false,
        home: const MyHomePage(),
      );
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key}) : super(key: key);

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  late EpubController _epubReaderController;

  int p = 5;
  int prevChapter = 0;

  @override
  void initState() {
    _epubReaderController = EpubController(
      document:
          EpubDocument.openAsset('assets/Patrick Rothfuss - The Name of the Wind.epub'),
      // epubCfi:
      //     'epubcfi(/6/26[id4]!/4/2/2[id4]/22)', // book.epub Chapter 3 paragraph 10
      // epubCfi:
      //     'epubcfi(/6/6[chapter-2]!/4/2/1612)', // book_2.epub Chapter 16 paragraph 3
    );
    super.initState();
  }

  @override
  void dispose() {
    _epubReaderController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) => Scaffold(
        appBar: AppBar(
          title: EpubViewActualChapter(
            controller: _epubReaderController,
            builder: (chapterValue) => Text(
              chapterValue?.chapter?.Title?.replaceAll('\n', '').trim() ?? '',
              textAlign: TextAlign.start,
            ),
          ),
          actions: <Widget>[
            IconButton(
              icon: const Icon(Icons.save_alt),
              color: Colors.white,
              onPressed: () => highlightNext(),
            ),
          ],
        ),
        drawer: Drawer(
          child: EpubViewTableOfContents(controller: _epubReaderController),
        ),
        body: EpubView(
          builders: EpubViewBuilders<DefaultBuilderOptions>(
            options: const DefaultBuilderOptions(),
            chapterDividerBuilder: (_) => const Divider(),
          ),
          controller: _epubReaderController,
          onDocumentLoaded: (book) {
            int start = _epubReaderController.getParagraphs().chapterIndexes[0];
            int end = _epubReaderController.getParagraphs().chapterIndexes[1];
            print("*LENGTH " + _epubReaderController.getParagraphs().flatParagraphs.getRange(start, end).toList().length.toString());
          },
          onChapterChanged: (value) {
            print("CHAPTER CHANGED " + value!.chapterNumber.toString() + "/" +_epubReaderController.getParagraphs().chapterIndexes.length.toString());
            int start = _epubReaderController.getParagraphs().chapterIndexes[value!.chapterNumber-1];
            // if (prevChapter != value!.chapterNumber) {
            //   _epubReaderController.highlightPara(end-1);
            //   prevChapter = value!.chapterNumber;
            // }
            if (value!.chapterNumber != _epubReaderController.getParagraphs().chapterIndexes.length) {
              int end = _epubReaderController.getParagraphs().chapterIndexes[value!.chapterNumber];
              print("*CC " + _epubReaderController.getParagraphs().flatParagraphs.sublist(start, end).toList().length.toString());
            } else {
              print("*LastCC " + _epubReaderController.getParagraphs().flatParagraphs.sublist(start).toList().length.toString());
            }


          },
          onTapDown: (details) {
            _getTapPosition(details);
          },
          onLongPress: (context, index) {
            _showContextMenu(context, index);
          }
        ),
      );

  void _showCurrentEpubCfi(context) {
    final cfi = _epubReaderController.generateEpubCfi();

    if (cfi != null) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          content: Text(cfi),
          action: SnackBarAction(
            label: 'GO',
            onPressed: () {
              _epubReaderController.gotoEpubCfi(cfi);
            },
          ),
        ),
      );
    }
  }

  // Tap location will be used use to position the context menu
  Offset _tapPosition = Offset.zero;

  void _getTapPosition(TapDownDetails details) {
    final RenderBox referenceBox = context.findRenderObject() as RenderBox;
    // setState(() {
    // });
    _tapPosition = referenceBox.globalToLocal(details.globalPosition);

  }

  // This function will be called when you long press on the blue box or the image
  void _showContextMenu(BuildContext context, int index) async {
    final RenderObject? overlay =
    Overlay.of(context)?.context.findRenderObject();

    final result = await showMenu(
        context: context,

        // Show the context menu at the tap location
        position: RelativeRect.fromRect(
            Rect.fromLTWH(_tapPosition.dx, _tapPosition.dy, 30, 30),
            Rect.fromLTWH(0, 0, overlay!.paintBounds.size.width,
                overlay.paintBounds.size.height)),

        // set a list of choices for the context menu
        items: [
          const PopupMenuItem(
            value: 'read_here',
            child: Text('Read from here'),
          ),
        ]);

    // Implement the logic for each choice here
    switch (result) {
      case 'read_here':
        // pageManager.jumpToItem(index);
        _epubReaderController.highlightPara(index);
        break;
    }
  }

  void highlightNext() {
    setState(() {
      p = p + 1;
    });
    _epubReaderController.highlightPara(p);
  }
}