dependencies:
  # สำหรับจับภาพและตกแต่ง
  flutter:
    sdk: flutter
  
  # สำหรับบันทึกลงเครื่อง
  gal: ^2.3.0
  
  # สำหรับแชร์
  share_plus: ^9.0.0
  path_provider: ^2.1.2  # หาที่เก็บไฟล์ชั่วคราว
  
  # สำหรับเลือกรูป
  image_picker: ^1.0.7

import 'dart:io';
import 'dart:typed_data';
import 'dart:ui' as ui;
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:gal/gal.dart';
import 'package:path_provider/path_provider.dart';
import 'package:share_plus/share_plus.dart';

class FileSaver {

  // แปลงเป็น Image (pixelRatio 3.0 = ชัดกว่าจอปกติ 3 เท่า)
  final image = await boundary.toImage(pixelRatio: 3.0);
  
  // แปลง Image เป็น ByteData (PNG)
  final byteData = await image.toByteData(format: ui.ImageByteFormat.png);
  
  return byteData?.buffer.asUint8List();
} catch (e) {
  print("Errot capturing png: $e");
  return null;
}

// บันทึกไฟล์ชั่วคราว (เพราะ Gal รับเป็น path)
final tempDir = await getTemporaryDirectory();
final file = File('${tempDir.path}/quote_${DateTime.now().millisecondsSinceEpoch}.png');
await file.writeAsBytes(bytes);

// บันทึกลง Gallery
await Gal.putImage(file.path, album: 'QUOM');

// ใช้ XFile (Format กลางของ Flutter)
await Share.shareXFiles(
  [XFile(file.path)],
  text: 'ข้อคิดดีๆ จากแอพ QUOM',
);

### 3. หน้าจอ Export Screen

ไฟล์: `mobile/lib/screens/export_screen.dart`

หน้านี้คือหัวใจสำคัญที่เราจะให้ user แต่งรูปก่อนเซฟ

```dart
class ExportScreen extends StatefulWidget {
  final Note note; // รับข้อมูล Note มาแสดง
  const ExportScreen({required this.note, super.key});

  @override
  State<ExportScreen> createState() => _ExportScreenState();
}

class _ExportScreenState extends State<ExportScreen> {
  // Key สำคัญสำหรับทำ RepaintBoundary
  final GlobalKey _globalKey = GlobalKey();
  
  // State สำหรับปรับแต่ง
  Color _bgColor = Colors.white;
  bool _showCredit = true;

  // ฟังก์ชันกดปุ่มเซฟ
  Future<void> _saveImage() async {
    // 1. หมุนติ้วๆ
    // 2. Capture
    final bytes = await FileSaver.capturePng(_globalKey);
    if (bytes != null) {
      // 3. Save
      await FileSaver.saveToGallery(bytes);
      // 4. แจ้งเตือนสำเร็จ
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text("บันทึกรูปเรียบร้อยแล้ว!")),
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("แชร์คำคม")),
      body: Column(
        children: [
          // ส่วนแสดงผลรูปภาพที่จะเซฟ
          Expanded(
            child: Center(
              child: Padding(
                padding: const EdgeInsets.all(24.0),
                // --- หัวใจสำคัญ: RepaintBoundary ---
                child: RepaintBoundary(
                  key: _globalKey, // ผูก Key ไว้
                  child: Container(
                    // ตกแต่ง Container ให้เหมือน Card สวยๆ
                    padding: EdgeInsets.all(32),
                    decoration: BoxDecoration(
                      color: _bgColor,
                      borderRadius: BorderRadius.circular(20),
                      boxShadow: [
                        BoxShadow(
                          color: Colors.black26, 
                          blurRadius: 20, 
                          offset: Offset(0, 10)
                        ),
                      ],
                    ),
                    child: Column(
                      mainAxisSize: MainAxisSize.min, // ขนาดพอดีเนื้อหา
                      children: [
                        // Quote Text
                        Text(
                          '"${widget.note.quote}"',
                          textAlign: TextAlign.center,
                          style: TextStyle(
                            fontSize: 24,
                            fontWeight: FontWeight.bold,
                            fontFamily: 'Sarabun', // ฟอนต์ไทยสวยๆ
                          ),
                        ),
                        SizedBox(height: 20),
                        Divider(),
                        // Author / Credit
                        if (_showCredit)
                          Text(
                            "จากแอป QUOM",
                            style: TextStyle(color: Colors.grey),
                          ),
                      ],
                    ),
                  ),
                ),
              ),
            ),
          ),
          
          // ส่วนเครื่องมือปรับแต่ง (Toolbar)
          Container(
            padding: EdgeInsets.all(16),
            color: Colors.white,
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: [
                 IconButton(
                   icon: Icon(Icons.color_lens, color: Colors.blue),
                   onPressed: () => setState(() => _bgColor = Colors.blue[50]!),
                 ),
                 IconButton(
                   icon: Icon(Icons.share),
                   onPressed: () async {
                     final bytes = await FileSaver.capturePng(_globalKey);
                     if (bytes != null) await FileSaver.shareImage(bytes);
                   },
                 ),
                 ElevatedButton.icon(
                   icon: Icon(Icons.save_alt),
                   label: Text("บันทึก"),
                   onPressed: _saveImage,
                 ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}

class PatternPainter extends CustomPainter {
  final Color color;
  PatternPainter({this.color = Colors.grey});

  @override
  void paint(Canvas canvas, Size size) {
    final paint = Paint()
      ..color = color.withOpacity(0.1)
      ..strokeWidth = 1;

    // วาดลายเส้นทแยงมุม
    for (double i = 0; i < size.width + size.height; i += 20) {
      canvas.drawLine(
        Offset(0, i),
        Offset(i, 0),
        paint,
      );
    }
  }

  @override
  bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
}

Stack(
  children: [
    CustomPaint(
      size: Size.infinite,
      painter: PatternPainter(),
    ),
    // ... เนื้อหาอื่นๆ
  ],
)