Question: I want to add save button in app bar and when I click on that button, app will automatically save file to folder specified in code

[youna12345]

Question Description:

I am using your example version 2.2.1.
I want to add save button in app bar and when I click on that button, app will automatically save file to folder specified in code (folder name/file name) so that I can get saved file path instantly send via API to save edited file on server.

Please guide me

Answer:

You can implement custom UI in Flutter and use the corresponding API to save the PDF document to a specified path. At the same time, the functions at the top of CPDFReaderWidget can also be accessed through API calls. Please refer to the cpdf_reader_widget_controller_example.dart example. Below is a sample showing how to save the document to a specified location and retrieve the save path.

import 'package:compdfkit_flutter/compdfkit.dart';
import 'package:compdfkit_flutter/configuration/cpdf_configuration.dart';
import 'package:compdfkit_flutter/configuration/cpdf_options.dart';
import 'package:compdfkit_flutter/widgets/cpdf_reader_widget.dart';
import 'package:compdfkit_flutter/widgets/cpdf_reader_widget_controller.dart';
import 'package:flutter/material.dart';

class CPDFReaderWidgetExample extends StatefulWidget {
  final String documentPath;

  const CPDFReaderWidgetExample({super.key, required this.documentPath});

  @override
  State<CPDFReaderWidgetExample> createState() =>
      _CPDFReaderWidgetExampleState();
}

class _CPDFReaderWidgetExampleState extends State<CPDFReaderWidgetExample> {
  late CPDFReaderWidgetController _controller;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        resizeToAvoidBottomInset: false,
        appBar: AppBar(
          title: const Text('CPDFReaderWidget Example'),
          leading: IconButton(
              onPressed: () {
                Navigator.pop(context);
              },
              icon: const Icon(Icons.arrow_back)),
          actions: [
            IconButton(
                onPressed: () async {
                  final tempDir = await ComPDFKit.getTemporaryDirectory();
                  // Please make sure that there is no file with the same name under this path.
                  String savePath =
                      '${tempDir.path}/${await _controller.document.getFileName()}';

                  bool saveResult = await _controller.document.saveAs(savePath);
                  if(saveResult){
                    _controller?.document.open(savePath, '');
                  }
                  debugPrint('ComPDFKit:saveAs:Result:$saveResult');
                  debugPrint('ComPDFKit:saveAs:Path:$savePath');
                },
                icon: const Icon(Icons.save))
          ],
        ),
        body: CPDFReaderWidget(
          document: widget.documentPath,
          configuration: CPDFConfiguration(
            toolbarConfig: const CPDFToolbarConfig(
                iosLeftBarAvailableActions: [CPDFToolbarAction.thumbnail],
            )
          ),
          onCreated: (controller) {
            setState(() {
              _controller = controller;
            });
          },
        ));
  }
}