Merge pull request #13 from iandis/fix/remove-receipt-vertical-padding

fix(receipt): remove receipt vertical padding
iandis · Sep 30, 2022 · cb2bda8 · cb2bda8
2 parents 738db9e + f947827
commit cb2bda8
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 5 deletions.
diff --git a/lib/blue_print_pos.dart b/lib/blue_print_pos.dart
@@ -150,13 +150,36 @@ class BluePrintPos {
         batchOptions.getStartEnd(contentLength);
 
     for (final List<int> startEnd in startEndIter) {
+      final ReceiptSectionText section = receiptSectionText.getSection(
+        startEnd[0],
+        startEnd[1],
+      );
+      // This is to prevent cropped section at the bottom
+      if (Platform.isIOS) {
+        section.addSpacerPx(15);
+      }
       final Uint8List bytes = await contentToImage(
-        content: receiptSectionText.getContent(startEnd[0], startEnd[1]),
+        content: section.getContent(),
         duration: duration,
         textScaleFactor: textScaleFactor,
       );
+      List<int>? croppedExcessTop;
+      // This is to remove the excess top
+      if (Platform.isIOS) {
+        final img.Image? image = img.decodeImage(bytes);
+        if (image != null) {
+          final img.Image cropped = img.copyCrop(
+            image,
+            0,
+            45,
+            image.width,
+            image.height - 45,
+          );
+          croppedExcessTop = img.encodeJpg(cropped);
+        }
+      }
       final List<int> byteBuffer = await _getBytes(
-        bytes,
+        croppedExcessTop ?? bytes,
         paperSize: paperSize,
         feedCount: feedCount,
         useCut: useCut,

diff --git a/lib/receipt/collection_style.dart b/lib/receipt/collection_style.dart
@@ -25,7 +25,7 @@ class CollectionStyle {
           }
           
           .container {
-              padding: 5px 15px;
+              padding: 0px 15px;
           }
           
           hr {

diff --git a/lib/receipt/receipt_section_text.dart b/lib/receipt/receipt_section_text.dart
@@ -11,9 +11,11 @@ import 'receipt_text_style.dart';
 import 'receipt_text_style_type.dart';
 
 class ReceiptSectionText {
-  ReceiptSectionText();
+  ReceiptSectionText() : _data = <String>[];
 
-  final List<String> _data = <String>[];
+  ReceiptSectionText._(this._data);
+
+  final List<String> _data;
 
   int get contentLength => _data.length;
 
@@ -47,6 +49,10 @@ ${CollectionStyle.all}
     ''';
   }
 
+  ReceiptSectionText getSection([int start = 0, int? end]) {
+    return ReceiptSectionText._(_data.sublist(start, end));
+  }
+
   /// Handler tag of text (p or b) and put inside body html
   /// This will generate single line text left, center or right
   /// [text] value of text will print