플러터는 모바일 앱 개발을 위한 Google의 UI 프레임워크로, 다양한 기기에서 동작하는 애플리케이션을 만들 수 있습니다. 이번 포스트에서는 플러터에서 문서 뷰어를 처리하는 방법에 대해 알아보겠습니다.

문서 뷰어는 사용자에게 다양한 문서 포맷 (PDF, Word, Excel 등)의 내용을 볼 수 있게 해주는 기능입니다. 플러터에서 문서 뷰어를 처리하는 방법에는 여러 가지가 있지만, 이번 포스트에서는 flutter_full_pdf_viewer 패키지를 사용하는 방법을 설명하겠습니다.

flutter_full_pdf_viewer 패키지 사용 방법

1. 프로젝트에 flutter_full_pdf_viewer 패키지를 추가합니다. pubspec.yaml 파일의 dependencies 섹션에 다음을 추가합니다:

dependencies:
  flutter_full_pdf_viewer: ^1.0.6

1. 패키지를 설치하기 위해 터미널에서 다음 명령을 실행합니다:

flutter pub get

1. 문서 파일을 앱의 assets 폴더에 추가합니다. 예를 들어, assets/docs/sample.pdf와 같은 경로에 파일을 추가합니다.

2. 앱에서 문서 뷰어를 사용하기 위해 다음과 같이 코드를 작성합니다:

import 'package:flutter/material.dart';
import 'package:flutter_full_pdf_viewer/flutter_full_pdf_viewer.dart';

class PDFViewerPage extends StatelessWidget {
  final String pdfPath;

  PDFViewerPage(this.pdfPath);

  @override
  Widget build(BuildContext context) {
    return PDFViewerScaffold(
      appBar: AppBar(
        title: Text("문서 뷰어"),
      ),
      path: pdfPath,
    );
  }
}

1. 앱에서 문서 뷰어를 사용할 페이지로 이동하기 위해 다음과 같이 코드를 작성합니다:

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => PDFViewerPage("assets/docs/sample.pdf"),
  ),
);

위의 코드를 통해 앱에서 PDFViewerPage로 이동하면, sample.pdf 문서가 플러터에서 자동으로 로드되고, 사용자는 해당 문서를 볼 수 있게 됩니다. 문서 뷰어의 모양새를 커스텀하고 싶다면 PDFViewerScaffold 위젯을 수정하면 됩니다.

flutter_full_pdf_viewer 패키지를 사용하면 플러터 앱에서 간단하면서도 강력한 문서 뷰어를 구현할 수 있습니다. 예제 코드를 참고하여 직접 테스트해보세요!

참고 자료:

• flutter_full_pdf_viewer 패키지
• 플러터 공식 문서
• 플러터 개발자 커뮤니티