Arreglado bug al aplicar zoom, el renderizado se ve feo

jacargentina · Jun 3, 2024 · d535b9e · d535b9e
1 parent 88e13c3
commit d535b9e
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/packages/native/screens/SongViewFrame.tsx b/packages/native/screens/SongViewFrame.tsx
@@ -27,12 +27,21 @@ const SongViewLines = (props: {
     var itemStyle = { ...it.style };
     if (itemStyle.fontSize) {
       itemStyle.fontSize = itemStyle.fontSize * zoom;
-      //itemStyle.lineHeight = itemStyle.fontSize;
+      itemStyle.lineHeight = itemStyle.fontSize + 2; // ajustar para evitar solapamiento
     }
     var prefijoStyle = { ...(it.prefijoStyle || it.style) };
     if (prefijoStyle.fontSize) {
       prefijoStyle.fontSize = prefijoStyle.fontSize * zoom;
-      //prefijoStyle.lineHeight = prefijoStyle.fontSize;
+      prefijoStyle.lineHeight = prefijoStyle.fontSize + 2; // ajustar para evitar solapamiento
+    }
+
+    // en app nativa, es requerido tener fontSize y lineHeight
+    // en el prefijo; caso contrario se renderiza muy feo!
+    if (!prefijoStyle.fontSize && itemStyle.fontSize) {
+      prefijoStyle.fontSize = itemStyle.fontSize;
+    }
+    if (!prefijoStyle.lineHeight && itemStyle.lineHeight) {
+      prefijoStyle.lineHeight = itemStyle.lineHeight;
     }
 
     var sufijo: any = null;