fix: text and columns aligments

Author: ALTHGA

android/src/main/java/com/bleprinter/BlePrinterModule.kt

@@ -233,8 +233,14 @@ class BlePrinterModule(reactContext: ReactApplicationContext) :
     size: Float = 24f,
     promise: Promise
   ) {
-    val text = Utils().twoColumns(leftText, rightText, bold, size)
-    printText(text, bold = bold, size = size, promise = promise)
+    val text = Utils().twoColumnsBitmap(leftText, rightText, bold, size)
+    val stream = getStream()
+    try {
+      stream?.write(text)
+      promise.resolve("Printed Text")
+    } catch (e: Exception) {
+      promise.resolve(e.message)
+    }
   }
 
   @ReactMethod

android/src/main/java/com/bleprinter/Utils.kt

@@ -25,7 +25,7 @@ public class Utils {
       textSize = fontSize
       isAntiAlias = true
       typeface =
-        if (bold) Typeface.create(Typeface.DEFAULT, Typeface.BOLD) else Typeface.DEFAULT
+        if (bold) Typeface.create(Typeface.MONOSPACE, Typeface.BOLD) else Typeface.MONOSPACE
     }
 
     if(align != null) {
@@ -115,8 +115,8 @@ public class Utils {
       }
 
       val xPosition = when (alignment) {
-        "LEFT" -> xOffset
-        "RIGHT" -> xOffset + (width - textWidth).toInt()
+        "LEFT" -> xOffset + 10f
+        "RIGHT" -> xOffset + (width - textWidth).toInt() - 10f
         "CENTER" -> xOffset + ((width - textWidth) / 2).toInt()
         else -> throw IllegalArgumentException("Invalid alignment: $alignment")
       }
@@ -203,22 +203,43 @@ public class Utils {
     return lines
   }
 
-  fun twoColumns(
+  fun twoColumnsBitmap(
     leftText: String,
     rightText: String,
     bold: Boolean = false,
-    size: Float = 24f
-  ): String {
+    size: Float = 24f,
+  ): ByteArray {
+    val paperWidth = PAPER_WIDTH
     val paint = getPaint(bold = bold, fontSize = size)
+
+    // Calcula as larguras dos textos
     val leftWidth = paint.measureText(leftText)
     val rightWidth = paint.measureText(rightText)
 
-    // Calcula o espaço disponível entre os textos
-    val totalSpace = 374 - (leftWidth + rightWidth)
+    // Valida se o texto cabe no papel
+    if (leftWidth + rightWidth > paperWidth) {
+      throw IllegalArgumentException("Os textos são muito largos para caber na largura do papel.")
+    }
+
+    // Calcula a posição da coluna da direita
+    val lineHeight = paint.fontMetrics.bottom - paint.fontMetrics.top
+    val bitmapHeight = lineHeight.toInt()
+
+    // Cria o bitmap
+    val bitmap = Bitmap.createBitmap(paperWidth.toInt(), bitmapHeight, Bitmap.Config.ARGB_8888)
+    val canvas = Canvas(bitmap)
+    canvas.drawColor(Color.WHITE)
+
+    // Desenha o texto da esquerda
+    val leftX = 0f
+    val leftY = -paint.fontMetrics.top
+    canvas.drawText(leftText, leftX + 10f, leftY, paint)
+
+    // Desenha o texto da direita
+    val rightX = paperWidth - rightWidth
+    canvas.drawText(rightText, rightX - 10f, leftY, paint)
 
-    // Adiciona espaços entre os textos
-    val spaces = " ".repeat((totalSpace / paint.measureText(" ")).toInt())
-    return "$leftText$spaces$rightText"
+    return convertBitmapToPrinterArray(bitmap)
   }
 
   fun drawStyledStroke(

example/src/App.tsx

@@ -10,6 +10,7 @@ import {
 } from 'react-native';
 import BlePrinter, { type Device } from 'react-native-ble-printer';
 import { DeviceItem } from './components/DeviceItem';
+import { printReceipt } from './services/printReceipt';
 
 export default function App() {
   const [connectedDevice, setConnectedDevice] = useState<Device | null>(null);
@@ -19,7 +20,7 @@ export default function App() {
 
   async function handlePrintReceipt() {
     try {
-      await BlePrinter.printText('Hello world!');
+      await printReceipt();
     } catch (error) {
       console.log(error);
     }

example/src/services/printReceipt.ts

@@ -36,44 +36,44 @@ export async function printReceipt() {
     await BlePrinter.printStroke(20, 3);
     await BlePrinter.printColumns(
       ['ENTRADA', 'ATUAL', 'ANTERIOR'],
-      [124, 124, 124],
+      [128, 128, 128],
       ['LEFT', 'RIGHT', 'RIGHT'],
       { size: 20, bold: true }
     );
     await BlePrinter.printStroke(20, 3);
     await BlePrinter.printColumns(
       [entryTotal.toString(), entryTotal.toString()],
-      [250, 124],
+      [256, 128],
       ['RIGHT', 'RIGHT']
     );
     await BlePrinter.printText(entryTotal.toFixed(0), { align: 'RIGHT' });
     await BlePrinter.printStroke(20, 3);
 
     await BlePrinter.printColumns(
       ['SAÍDA', 'ATUAL', 'ANTERIOR'],
-      [124, 124, 124],
+      [128, 128, 128],
       ['LEFT', 'RIGHT', 'RIGHT'],
       { size: 20, bold: true }
     );
     await BlePrinter.printStroke(20, 3);
     await BlePrinter.printColumns(
       [paymentTotal.toString(), paymentTotal.toString()],
-      [250, 124],
+      [250, 128],
       ['RIGHT', 'RIGHT']
     );
 
     await BlePrinter.printText(entryTotal.toFixed(0), { align: 'RIGHT' });
     await BlePrinter.printStroke(20, 3);
     await BlePrinter.printColumns(
       ['TOTAL', 'SALDO', 'COMISSÃO'],
-      [124, 124, 124],
+      [128, 128, 128],
       ['LEFT', 'RIGHT', 'RIGHT'],
       { size: 20, bold: true }
     );
     await BlePrinter.printStroke(20, 3);
     await BlePrinter.printColumns(
       ['1000', '432', '432'],
-      [124, 124, 124],
+      [128, 128, 128],
       ['LEFT', 'RIGHT', 'RIGHT']
     );