@whetware/react-native-stroke-text 0.0.4 → 0.0.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @whetware/react-native-stroke-text
 
+## 0.0.6
+
+### Patch Changes
+
+- [`f8a9483`](https://github.com/whetware/react-native-stroke-text/commit/f8a9483d80eebe2149b84a47da7a2178341c5c9f) Thanks [@evelant](https://github.com/evelant)! - Fix layout on Android
+
+## 0.0.5
+
+### Patch Changes
+
+- [`1bfd35a`](https://github.com/whetware/react-native-stroke-text/commit/1bfd35ada98c9dc39e76510c2f239bc2719eac61) Thanks [@evelant](https://github.com/evelant)! - Fix layout issues
+
 ## 0.0.4
 
 ### Patch Changes

package/android/src/main/java/com/margelo/nitro/stroketext/HybridStrokeTextView.kt

@@ -3,9 +3,8 @@ package com.margelo.nitro.stroketext
 import android.view.View
 import com.facebook.jni.HybridData
 import com.facebook.react.uimanager.ThemedReactContext
-import com.margelo.nitro.views.RecyclableView
 
-class HybridStrokeTextView(context: ThemedReactContext) : HybridStrokeTextViewSpec(), RecyclableView {
+class HybridStrokeTextView(context: ThemedReactContext) : HybridStrokeTextViewSpec() {
   private val strokeTextView = StrokeTextView(context)
   override val view: View = strokeTextView
 
@@ -22,6 +21,7 @@ class HybridStrokeTextView(context: ThemedReactContext) : HybridStrokeTextViewSp
   override var lineHeight: Double? = null
   override var letterSpacing: Double? = null
   override var textAlign: StrokeTextAlign? = null
+  override var textAlignVertical: StrokeTextAlignVertical? = null
   override var textDecorationLine: StrokeTextDecorationLine? = null
   override var textTransform: StrokeTextTransform? = null
   override var opacity: Double? = null
@@ -55,37 +55,6 @@ class HybridStrokeTextView(context: ThemedReactContext) : HybridStrokeTextViewSp
     }
   }
 
-  override fun prepareForRecycle() {
-    text = ""
-    color = null
-    strokeColor = null
-    strokeWidth = null
-    fontSize = null
-    fontWeight = null
-    fontFamily = null
-    fontStyle = null
-    lineHeight = null
-    letterSpacing = null
-    textAlign = null
-    textDecorationLine = null
-    textTransform = null
-    opacity = null
-    allowFontScaling = null
-    maxFontSizeMultiplier = null
-    includeFontPadding = null
-    numberOfLines = null
-    ellipsizeMode = null
-    padding = null
-    paddingVertical = null
-    paddingHorizontal = null
-    paddingTop = null
-    paddingRight = null
-    paddingBottom = null
-    paddingLeft = null
-
-    afterUpdate()
-  }
-
   override fun afterUpdate() {
     val displayMetrics = strokeTextView.resources.displayMetrics
     val resolvedAllowFontScaling = allowFontScaling ?: true
@@ -137,10 +106,11 @@ class HybridStrokeTextView(context: ThemedReactContext) : HybridStrokeTextViewSp
         }
 
     strokeTextView.textAlign = textAlign ?: StrokeTextAlign.AUTO
+    strokeTextView.textAlignVertical = textAlignVertical ?: StrokeTextAlignVertical.AUTO
     strokeTextView.textDecorationLine = textDecorationLine ?: StrokeTextDecorationLine.NONE
     strokeTextView.textTransform = textTransform ?: StrokeTextTransform.NONE
 
-    strokeTextView.includeFontPadding = includeFontPadding ?: false
+    strokeTextView.includeFontPadding = includeFontPadding ?: true
     strokeTextView.numberOfLines = (numberOfLines ?: 0.0).toInt()
     strokeTextView.ellipsizeMode = ellipsizeMode
 

package/android/src/main/java/com/margelo/nitro/stroketext/StrokeTextView.kt

@@ -7,12 +7,14 @@ import android.graphics.Paint.FontMetricsInt
 import android.graphics.Typeface
 import android.os.Build
 import android.text.Layout
+import android.text.TextDirectionHeuristics
 import android.text.Spannable
 import android.text.SpannableString
 import android.text.TextUtils
 import android.text.style.LineHeightSpan
 import android.util.TypedValue
 import android.view.Gravity
+import android.view.View
 import android.widget.TextView
 import com.facebook.react.internal.featureflags.ReactNativeFeatureFlags
 import com.facebook.react.uimanager.ThemedReactContext
@@ -38,6 +40,7 @@ internal class StrokeTextView(context: ThemedReactContext) : TextView(context) {
   var letterSpacingPx: Float? = null
 
   var textAlign: StrokeTextAlign = StrokeTextAlign.AUTO
+  var textAlignVertical: StrokeTextAlignVertical = StrokeTextAlignVertical.AUTO
   var textDecorationLine: StrokeTextDecorationLine = StrokeTextDecorationLine.NONE
   var textTransform: StrokeTextTransform = StrokeTextTransform.NONE
 
@@ -53,11 +56,8 @@ internal class StrokeTextView(context: ThemedReactContext) : TextView(context) {
   var paddingLeftPx: Float? = null
 
   init {
-    // Default to no font padding to avoid Android's extra ascent/descent insets shifting the
-    // glyphs downward. (React Native <Text> defaults includeFontPadding=true, but most designs
-    // expect iOS/web-like top alignment.)
     gravity = Gravity.TOP or Gravity.START
-    includeFontPadding = false
+    includeFontPadding = true
   }
 
   fun invalidateTextLayout() {
@@ -113,6 +113,8 @@ internal class StrokeTextView(context: ThemedReactContext) : TextView(context) {
   }
 
   private fun applyProps() {
+    val transformedText = applyTextTransform(rawText, textTransform)
+
     // Padding: apply a stroke inset so the outline stays within the view bounds.
     val inset = strokeInsetPx()
     val left = floorToInt(resolvePadding(paddingLeftPx, paddingHorizontalPx, paddingAllPx) + inset)
@@ -148,13 +150,39 @@ internal class StrokeTextView(context: ThemedReactContext) : TextView(context) {
     paint.isStrikeThruText = strike
 
     // Alignment
-    val horizontalGravity =
+    val isParagraphRtl = layoutDirection == View.LAYOUT_DIRECTION_RTL
+    val isScriptRtl =
+      transformedText.isNotEmpty() &&
+        TextDirectionHeuristics.FIRSTSTRONG_LTR.isRtl(transformedText, 0, transformedText.length)
+    val swapNormalAndOpposite = isParagraphRtl != isScriptRtl
+
+    val textAlignment =
       when (textAlign) {
-        StrokeTextAlign.RIGHT -> Gravity.END
-        StrokeTextAlign.CENTER -> Gravity.CENTER_HORIZONTAL
-        else -> Gravity.START
+        StrokeTextAlign.CENTER -> Layout.Alignment.ALIGN_CENTER
+        StrokeTextAlign.RIGHT ->
+          if (swapNormalAndOpposite) Layout.Alignment.ALIGN_NORMAL
+          else Layout.Alignment.ALIGN_OPPOSITE
+        else ->
+          if (swapNormalAndOpposite) Layout.Alignment.ALIGN_OPPOSITE
+          else Layout.Alignment.ALIGN_NORMAL
       }
-    gravity = Gravity.TOP or horizontalGravity
+
+    val horizontalGravity =
+      when (textAlignment) {
+        Layout.Alignment.ALIGN_NORMAL -> if (isScriptRtl) Gravity.RIGHT else Gravity.LEFT
+        Layout.Alignment.ALIGN_OPPOSITE -> if (isScriptRtl) Gravity.LEFT else Gravity.RIGHT
+        Layout.Alignment.ALIGN_CENTER -> Gravity.CENTER_HORIZONTAL
+      }
+
+    val verticalGravity =
+      when (textAlignVertical) {
+        StrokeTextAlignVertical.BOTTOM -> Gravity.BOTTOM
+        StrokeTextAlignVertical.CENTER -> Gravity.CENTER_VERTICAL
+        StrokeTextAlignVertical.TOP,
+        StrokeTextAlignVertical.AUTO -> Gravity.TOP
+      }
+
+    gravity = verticalGravity or horizontalGravity
 
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
       justificationMode =
@@ -181,7 +209,6 @@ internal class StrokeTextView(context: ThemedReactContext) : TextView(context) {
     setTextColor(color)
 
     // Text + transform + line height (set last so layout is created with the final paint settings).
-    val transformedText = applyTextTransform(rawText, textTransform)
     val textForLayout: CharSequence =
       if (lineHeightPx != null && !lineHeightPx!!.isNaN() && transformedText.isNotEmpty()) {
         SpannableString(transformedText).apply {

package/ios/HybridStrokeTextView.swift

@@ -17,6 +17,7 @@ final class HybridStrokeTextView: HybridStrokeTextViewSpec {
   var lineHeight: Double? = nil
   var letterSpacing: Double? = nil
   var textAlign: StrokeTextAlign? = nil
+  var textAlignVertical: StrokeTextAlignVertical? = nil
   var textDecorationLine: StrokeTextDecorationLine? = nil
   var textTransform: StrokeTextTransform? = nil
   var opacity: Double? = nil

package/lib/StrokeText.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { I18nManager, StyleSheet, Text, View } from 'react-native';
+import { StyleSheet, Text, View } from 'react-native';
 import { callback, getHostComponent } from 'react-native-nitro-modules';
 import StrokeTextViewConfig from '../nitrogen/generated/shared/json/StrokeTextViewConfig.json';
 const NativeStrokeTextView = getHostComponent('StrokeTextView', () => StrokeTextViewConfig);
@@ -41,6 +41,14 @@ function toColorString(value) {
     }
     return undefined;
 }
+function toTextAlignVertical(value) {
+    return value === 'auto' ||
+        value === 'top' ||
+        value === 'bottom' ||
+        value === 'center'
+        ? value
+        : undefined;
+}
 function warnOnInvalidChildren(children) {
     if (!__DEV__)
         return;
@@ -56,59 +64,89 @@ export function StrokeText({ text, children, style, hybridRef, ...rest }) {
     const resolvedText = resolveText(text, children);
     const flattened = StyleSheet.flatten(style);
     const { padding, paddingVertical, paddingHorizontal, paddingTop, paddingRight, paddingBottom, paddingLeft, ...nativeProps } = rest;
-    const { color: styleColor, fontSize: styleFontSize, fontWeight: styleFontWeight, fontFamily: styleFontFamily, fontStyle: styleFontStyle, lineHeight: styleLineHeight, letterSpacing: styleLetterSpacing, textAlign: styleTextAlign, textDecorationLine: styleTextDecorationLine, textTransform: styleTextTransform, opacity: styleOpacity, includeFontPadding: styleIncludeFontPadding, padding: stylePadding, paddingVertical: stylePaddingVertical, paddingHorizontal: stylePaddingHorizontal, paddingTop: stylePaddingTop, paddingRight: stylePaddingRight, paddingBottom: stylePaddingBottom, paddingLeft: stylePaddingLeft, ...containerStyle } = flattened ?? {};
+    const { color: styleColor, fontSize: styleFontSize, fontWeight: styleFontWeight, fontFamily: styleFontFamily, fontStyle: styleFontStyle, lineHeight: styleLineHeight, letterSpacing: styleLetterSpacing, textAlign: styleTextAlign, textAlignVertical: styleTextAlignVertical, verticalAlign: styleVerticalAlign, textDecorationLine: styleTextDecorationLine, textTransform: styleTextTransform, opacity: styleOpacity, includeFontPadding: styleIncludeFontPadding, padding: stylePadding, paddingVertical: stylePaddingVertical, paddingHorizontal: stylePaddingHorizontal, paddingTop: stylePaddingTop, paddingRight: stylePaddingRight, paddingBottom: stylePaddingBottom, paddingLeft: stylePaddingLeft, ...containerStyle } = flattened ?? {};
     const strokeWidth = Math.max(0, nativeProps.strokeWidth ?? 0);
     const strokeInset = Math.ceil(strokeWidth) / 2;
     const baseTop = firstNumber(paddingTop, stylePaddingTop, paddingVertical, stylePaddingVertical, padding, stylePadding) ?? 0;
     const baseRight = firstNumber(paddingRight, stylePaddingRight, paddingHorizontal, stylePaddingHorizontal, padding, stylePadding) ?? 0;
     const baseBottom = firstNumber(paddingBottom, stylePaddingBottom, paddingVertical, stylePaddingVertical, padding, stylePadding) ?? 0;
     const baseLeft = firstNumber(paddingLeft, stylePaddingLeft, paddingHorizontal, stylePaddingHorizontal, padding, stylePadding) ?? 0;
-    const baseMarginTop = firstNumber(containerStyle.marginTop, containerStyle.marginVertical, containerStyle.margin) ?? 0;
-    const baseMarginRight = firstNumber(containerStyle.marginRight, I18nManager.isRTL ? containerStyle.marginStart : containerStyle.marginEnd, containerStyle.marginHorizontal, containerStyle.margin) ?? 0;
-    const baseMarginBottom = firstNumber(containerStyle.marginBottom, containerStyle.marginVertical, containerStyle.margin) ?? 0;
-    const baseMarginLeft = firstNumber(containerStyle.marginLeft, I18nManager.isRTL ? containerStyle.marginEnd : containerStyle.marginStart, containerStyle.marginHorizontal, containerStyle.margin) ?? 0;
-    const baseMarginStart = toNumber(containerStyle.marginStart);
-    const baseMarginEnd = toNumber(containerStyle.marginEnd);
-    const strokeInsetMarginStyle = strokeInset === 0
-        ? null
-        : {
-            marginTop: baseMarginTop - strokeInset,
-            marginRight: baseMarginRight - strokeInset,
-            marginBottom: baseMarginBottom - strokeInset,
-            marginLeft: baseMarginLeft - strokeInset,
-            ...(baseMarginStart == null
-                ? {}
-                : { marginStart: baseMarginStart - strokeInset }),
-            ...(baseMarginEnd == null ? {} : { marginEnd: baseMarginEnd - strokeInset }),
-        };
     const effectiveNumberOfLines = nativeProps.numberOfLines != null && nativeProps.numberOfLines > 0
         ? nativeProps.numberOfLines
         : undefined;
     const effectiveEllipsizeMode = effectiveNumberOfLines == null
         ? undefined
         : nativeProps.ellipsizeMode ?? 'tail';
-    const effectiveIncludeFontPadding = nativeProps.includeFontPadding ?? styleIncludeFontPadding ?? false;
+    const mappedTextAlignVerticalFromVerticalAlign = styleVerticalAlign === 'middle'
+        ? 'center'
+        : toTextAlignVertical(styleVerticalAlign);
+    const effectiveTextAlignVertical = nativeProps.textAlignVertical ??
+        toTextAlignVertical(styleTextAlignVertical) ??
+        mappedTextAlignVerticalFromVerticalAlign;
+    const effectiveIncludeFontPadding = nativeProps.includeFontPadding ?? styleIncludeFontPadding ?? true;
+    const effectiveFontWeight = nativeProps.fontWeight ?? toFontWeightString(styleFontWeight);
+    const effectiveFontSize = nativeProps.fontSize ?? toNumber(styleFontSize);
+    const effectiveFontFamily = nativeProps.fontFamily ?? styleFontFamily;
+    const effectiveFontStyle = nativeProps.fontStyle ?? styleFontStyle;
+    const effectiveLineHeight = nativeProps.lineHeight ?? toNumber(styleLineHeight);
+    const effectiveLetterSpacing = nativeProps.letterSpacing ?? toNumber(styleLetterSpacing);
+    const effectiveTextAlign = nativeProps.textAlign ?? styleTextAlign;
+    const effectiveTextDecorationLine = nativeProps.textDecorationLine ?? styleTextDecorationLine;
+    const effectiveTextTransform = nativeProps.textTransform ?? styleTextTransform;
+    const effectiveColor = nativeProps.color ?? toColorString(styleColor);
     const wrappedHybridRef = React.useMemo(() => (hybridRef ? callback(hybridRef) : undefined), [hybridRef]);
-    return (React.createElement(View, { style: [styles.container, containerStyle, strokeInsetMarginStyle] },
+    const measurerTextStyle = React.useMemo(() => ({
+        color: effectiveColor,
+        fontSize: effectiveFontSize,
+        fontWeight: effectiveFontWeight,
+        fontFamily: effectiveFontFamily,
+        fontStyle: effectiveFontStyle,
+        lineHeight: effectiveLineHeight,
+        letterSpacing: effectiveLetterSpacing,
+        textAlign: effectiveTextAlign,
+        textAlignVertical: effectiveTextAlignVertical,
+        textDecorationLine: effectiveTextDecorationLine,
+        textTransform: effectiveTextTransform,
+        includeFontPadding: effectiveIncludeFontPadding,
+    }), [
+        effectiveColor,
+        effectiveFontSize,
+        effectiveFontWeight,
+        effectiveFontFamily,
+        effectiveFontStyle,
+        effectiveLineHeight,
+        effectiveLetterSpacing,
+        effectiveTextAlign,
+        effectiveTextAlignVertical,
+        effectiveTextDecorationLine,
+        effectiveTextTransform,
+        effectiveIncludeFontPadding,
+    ]);
+    return (React.createElement(View, { style: [styles.container, containerStyle] },
         React.createElement(Text, { accessible: false, pointerEvents: "none", numberOfLines: effectiveNumberOfLines, ellipsizeMode: effectiveEllipsizeMode, allowFontScaling: nativeProps.allowFontScaling, maxFontSizeMultiplier: nativeProps.maxFontSizeMultiplier, style: [
-                style,
+                measurerTextStyle,
                 {
-                    paddingTop: baseTop + strokeInset,
-                    paddingRight: baseRight + strokeInset,
-                    paddingBottom: baseBottom + strokeInset,
-                    paddingLeft: baseLeft + strokeInset,
+                    paddingTop: baseTop,
+                    paddingRight: baseRight,
+                    paddingBottom: baseBottom,
+                    paddingLeft: baseLeft,
                 },
-                effectiveIncludeFontPadding == null
-                    ? null
-                    : { includeFontPadding: effectiveIncludeFontPadding },
                 styles.hiddenText,
             ] }, resolvedText),
-        React.createElement(NativeStrokeTextView, { ...nativeProps, text: resolvedText, color: nativeProps.color ?? toColorString(styleColor), fontSize: nativeProps.fontSize ?? toNumber(styleFontSize), fontWeight: nativeProps.fontWeight ?? toFontWeightString(styleFontWeight), fontFamily: nativeProps.fontFamily ?? styleFontFamily, fontStyle: nativeProps.fontStyle ?? styleFontStyle, lineHeight: nativeProps.lineHeight ?? toNumber(styleLineHeight), letterSpacing: nativeProps.letterSpacing ?? toNumber(styleLetterSpacing), textAlign: nativeProps.textAlign ?? styleTextAlign, textDecorationLine: nativeProps.textDecorationLine ?? styleTextDecorationLine, textTransform: nativeProps.textTransform ?? styleTextTransform, opacity: nativeProps.opacity ?? toNumber(styleOpacity), includeFontPadding: effectiveIncludeFontPadding, numberOfLines: nativeProps.numberOfLines, ellipsizeMode: effectiveEllipsizeMode, paddingTop: baseTop, paddingRight: baseRight, paddingBottom: baseBottom, paddingLeft: baseLeft, hybridRef: wrappedHybridRef, pointerEvents: "none", style: styles.overlay })));
+        React.createElement(NativeStrokeTextView, { ...nativeProps, text: resolvedText, color: effectiveColor, fontSize: effectiveFontSize, fontWeight: effectiveFontWeight, fontFamily: effectiveFontFamily, fontStyle: effectiveFontStyle, lineHeight: effectiveLineHeight, letterSpacing: effectiveLetterSpacing, textAlign: effectiveTextAlign, textAlignVertical: effectiveTextAlignVertical, textDecorationLine: effectiveTextDecorationLine, textTransform: effectiveTextTransform, opacity: nativeProps.opacity ?? toNumber(styleOpacity), includeFontPadding: effectiveIncludeFontPadding, numberOfLines: nativeProps.numberOfLines, ellipsizeMode: effectiveEllipsizeMode, paddingTop: baseTop, paddingRight: baseRight, paddingBottom: baseBottom, paddingLeft: baseLeft, hybridRef: wrappedHybridRef, pointerEvents: "none", style: [
+                styles.overlay,
+                strokeInset === 0
+                    ? null
+                    : {
+                        top: -strokeInset,
+                        right: -strokeInset,
+                        bottom: -strokeInset,
+                        left: -strokeInset,
+                    },
+            ] })));
 }
 const styles = StyleSheet.create({
-    container: {
-        alignSelf: 'flex-start',
-    },
+    container: {},
     overlay: {
         ...StyleSheet.absoluteFillObject,
     },

package/lib/StrokeText.web.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { I18nManager, StyleSheet, Text, View } from 'react-native';
+import { StyleSheet, Text, View } from 'react-native';
 function resolveText(text, children) {
     if (typeof text === 'string')
         return text;
@@ -38,24 +38,6 @@ export function StrokeText({ text, children, style, ...rest }) {
     const strokeColor = rest.strokeColor ?? 'transparent';
     const strokeWidth = Math.max(0, rest.strokeWidth ?? 0);
     const strokeInset = Math.ceil(strokeWidth) / 2;
-    const baseMarginTop = firstNumber(containerStyle.marginTop, containerStyle.marginVertical, containerStyle.margin) ?? 0;
-    const baseMarginRight = firstNumber(containerStyle.marginRight, I18nManager.isRTL ? containerStyle.marginStart : containerStyle.marginEnd, containerStyle.marginHorizontal, containerStyle.margin) ?? 0;
-    const baseMarginBottom = firstNumber(containerStyle.marginBottom, containerStyle.marginVertical, containerStyle.margin) ?? 0;
-    const baseMarginLeft = firstNumber(containerStyle.marginLeft, I18nManager.isRTL ? containerStyle.marginEnd : containerStyle.marginStart, containerStyle.marginHorizontal, containerStyle.margin) ?? 0;
-    const baseMarginStart = toNumber(containerStyle.marginStart);
-    const baseMarginEnd = toNumber(containerStyle.marginEnd);
-    const strokeInsetMarginStyle = strokeInset === 0
-        ? null
-        : {
-            marginTop: baseMarginTop - strokeInset,
-            marginRight: baseMarginRight - strokeInset,
-            marginBottom: baseMarginBottom - strokeInset,
-            marginLeft: baseMarginLeft - strokeInset,
-            ...(baseMarginStart == null
-                ? {}
-                : { marginStart: baseMarginStart - strokeInset }),
-            ...(baseMarginEnd == null ? {} : { marginEnd: baseMarginEnd - strokeInset }),
-        };
     const baseTop = firstNumber(rest.paddingTop, stylePaddingTop, rest.paddingVertical, stylePaddingVertical, rest.padding, stylePadding) ?? 0;
     const baseRight = firstNumber(rest.paddingRight, stylePaddingRight, rest.paddingHorizontal, stylePaddingHorizontal, rest.padding, stylePadding) ?? 0;
     const baseBottom = firstNumber(rest.paddingBottom, stylePaddingBottom, rest.paddingVertical, stylePaddingVertical, rest.padding, stylePadding) ?? 0;
@@ -64,17 +46,15 @@ export function StrokeText({ text, children, style, ...rest }) {
         ? rest.numberOfLines
         : undefined;
     const effectiveEllipsizeMode = effectiveNumberOfLines == null ? undefined : rest.ellipsizeMode ?? 'tail';
-    return (React.createElement(View, { style: [styles.container, containerStyle, strokeInsetMarginStyle] },
+    return (React.createElement(View, { style: [styles.container, containerStyle] },
         React.createElement(Text, { accessible: false, pointerEvents: "none", numberOfLines: effectiveNumberOfLines, ellipsizeMode: effectiveEllipsizeMode, style: [
                 textStyle,
                 {
-                    paddingTop: baseTop + strokeInset,
-                    paddingRight: baseRight + strokeInset,
-                    paddingBottom: baseBottom + strokeInset,
-                    paddingLeft: baseLeft + strokeInset,
+                    paddingTop: baseTop,
+                    paddingRight: baseRight,
+                    paddingBottom: baseBottom,
+                    paddingLeft: baseLeft,
                 },
-                strokeInset === 0 ? null : { maxWidth: 'none' },
-                strokeInset === 0 ? null : { boxSizing: 'content-box' },
                 styles.hiddenText,
             ] }, resolvedText),
         React.createElement(Text, { pointerEvents: "none", numberOfLines: effectiveNumberOfLines, ellipsizeMode: effectiveEllipsizeMode, style: [
@@ -87,10 +67,6 @@ export function StrokeText({ text, children, style, ...rest }) {
                     paddingLeft: baseLeft + strokeInset,
                 },
                 strokeInset === 0 ? null : { maxWidth: 'none' },
-                // react-native-web uses `box-sizing: border-box` globally; with ellipsizing enabled
-                // (`overflow: hidden` + `text-overflow: ellipsis`), the extra stroke padding can reduce
-                // the content box by a couple pixels and cause false-positive ellipses for some fonts.
-                // Use `content-box` so padding doesn't shrink the text's available width.
                 strokeInset === 0 ? null : { boxSizing: 'content-box' },
                 strokeWidth > 0 && strokeColor !== 'transparent'
                     ? {
@@ -103,12 +79,18 @@ export function StrokeText({ text, children, style, ...rest }) {
                     }
                     : null,
                 styles.overlay,
+                strokeInset === 0
+                    ? null
+                    : {
+                        top: -strokeInset,
+                        right: -strokeInset,
+                        bottom: -strokeInset,
+                        left: -strokeInset,
+                    },
             ] }, resolvedText)));
 }
 const styles = StyleSheet.create({
-    container: {
-        alignSelf: 'flex-start',
-    },
+    container: {},
     overlay: {
         ...StyleSheet.absoluteFillObject,
     },

package/lib/specs/StrokeTextView.nitro.d.ts

@@ -1,5 +1,6 @@
 import type { HybridView, HybridViewMethods, HybridViewProps } from 'react-native-nitro-modules';
 export type StrokeTextAlign = 'auto' | 'left' | 'right' | 'center' | 'justify';
+export type StrokeTextAlignVertical = 'auto' | 'top' | 'bottom' | 'center';
 export type StrokeTextDecorationLine = 'none' | 'underline' | 'line-through' | 'underline line-through';
 export type StrokeTextTransform = 'none' | 'uppercase' | 'lowercase' | 'capitalize';
 export type StrokeTextFontStyle = 'normal' | 'italic';
@@ -16,6 +17,7 @@ export interface StrokeTextProps extends HybridViewProps {
     lineHeight?: number;
     letterSpacing?: number;
     textAlign?: StrokeTextAlign;
+    textAlignVertical?: StrokeTextAlignVertical;
     textDecorationLine?: StrokeTextDecorationLine;
     textTransform?: StrokeTextTransform;
     opacity?: number;

package/lib/types.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { StyleProp, TextStyle } from 'react-native';
-import type { StrokeTextAlign, StrokeTextDecorationLine, StrokeTextEllipsizeMode, StrokeTextFontStyle, StrokeTextMethods, StrokeTextProps as StrokeTextNitroProps, StrokeTextTransform, StrokeTextView } from './specs/StrokeTextView.nitro';
-export type { StrokeTextAlign, StrokeTextDecorationLine, StrokeTextEllipsizeMode, StrokeTextFontStyle, StrokeTextMethods, StrokeTextTransform, StrokeTextView, };
+import type { StrokeTextAlign, StrokeTextAlignVertical, StrokeTextDecorationLine, StrokeTextEllipsizeMode, StrokeTextFontStyle, StrokeTextMethods, StrokeTextProps as StrokeTextNitroProps, StrokeTextTransform, StrokeTextView } from './specs/StrokeTextView.nitro';
+export type { StrokeTextAlign, StrokeTextAlignVertical, StrokeTextDecorationLine, StrokeTextEllipsizeMode, StrokeTextFontStyle, StrokeTextMethods, StrokeTextTransform, StrokeTextView, };
 type OptionalKeys<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? K : never;
 }[keyof T];

package/nitrogen/generated/android/c++/JHybridStrokeTextViewSpec.cpp

@@ -11,6 +11,8 @@
 namespace margelo::nitro::stroketext { enum class StrokeTextFontStyle; }
 // Forward declaration of `StrokeTextAlign` to properly resolve imports.
 namespace margelo::nitro::stroketext { enum class StrokeTextAlign; }
+// Forward declaration of `StrokeTextAlignVertical` to properly resolve imports.
+namespace margelo::nitro::stroketext { enum class StrokeTextAlignVertical; }
 // Forward declaration of `StrokeTextDecorationLine` to properly resolve imports.
 namespace margelo::nitro::stroketext { enum class StrokeTextDecorationLine; }
 // Forward declaration of `StrokeTextTransform` to properly resolve imports.
@@ -24,6 +26,8 @@ namespace margelo::nitro::stroketext { enum class StrokeTextEllipsizeMode; }
 #include "JStrokeTextFontStyle.hpp"
 #include "StrokeTextAlign.hpp"
 #include "JStrokeTextAlign.hpp"
+#include "StrokeTextAlignVertical.hpp"
+#include "JStrokeTextAlignVertical.hpp"
 #include "StrokeTextDecorationLine.hpp"
 #include "JStrokeTextDecorationLine.hpp"
 #include "StrokeTextTransform.hpp"
@@ -166,6 +170,15 @@ namespace margelo::nitro::stroketext {
     static const auto method = javaClassStatic()->getMethod<void(jni::alias_ref<JStrokeTextAlign> /* textAlign */)>("setTextAlign");
     method(_javaPart, textAlign.has_value() ? JStrokeTextAlign::fromCpp(textAlign.value()) : nullptr);
   }
+  std::optional<StrokeTextAlignVertical> JHybridStrokeTextViewSpec::getTextAlignVertical() {
+    static const auto method = javaClassStatic()->getMethod<jni::local_ref<JStrokeTextAlignVertical>()>("getTextAlignVertical");
+    auto __result = method(_javaPart);
+    return __result != nullptr ? std::make_optional(__result->toCpp()) : std::nullopt;
+  }
+  void JHybridStrokeTextViewSpec::setTextAlignVertical(std::optional<StrokeTextAlignVertical> textAlignVertical) {
+    static const auto method = javaClassStatic()->getMethod<void(jni::alias_ref<JStrokeTextAlignVertical> /* textAlignVertical */)>("setTextAlignVertical");
+    method(_javaPart, textAlignVertical.has_value() ? JStrokeTextAlignVertical::fromCpp(textAlignVertical.value()) : nullptr);
+  }
   std::optional<StrokeTextDecorationLine> JHybridStrokeTextViewSpec::getTextDecorationLine() {
     static const auto method = javaClassStatic()->getMethod<jni::local_ref<JStrokeTextDecorationLine>()>("getTextDecorationLine");
     auto __result = method(_javaPart);

package/nitrogen/generated/android/c++/JHybridStrokeTextViewSpec.hpp

@@ -73,6 +73,8 @@ namespace margelo::nitro::stroketext {
     void setLetterSpacing(std::optional<double> letterSpacing) override;
     std::optional<StrokeTextAlign> getTextAlign() override;
     void setTextAlign(std::optional<StrokeTextAlign> textAlign) override;
+    std::optional<StrokeTextAlignVertical> getTextAlignVertical() override;
+    void setTextAlignVertical(std::optional<StrokeTextAlignVertical> textAlignVertical) override;
     std::optional<StrokeTextDecorationLine> getTextDecorationLine() override;
     void setTextDecorationLine(std::optional<StrokeTextDecorationLine> textDecorationLine) override;
     std::optional<StrokeTextTransform> getTextTransform() override;

package/nitrogen/generated/android/c++/JStrokeTextAlignVertical.hpp

@@ -0,0 +1,64 @@
+///
+/// JStrokeTextAlignVertical.hpp
+/// This file was generated by nitrogen. DO NOT MODIFY THIS FILE.
+/// https://github.com/mrousavy/nitro
+/// Copyright © Marc Rousavy @ Margelo
+///
+
+#pragma once
+
+#include <fbjni/fbjni.h>
+#include "StrokeTextAlignVertical.hpp"
+
+namespace margelo::nitro::stroketext {
+
+  using namespace facebook;
+
+  /**
+   * The C++ JNI bridge between the C++ enum "StrokeTextAlignVertical" and the the Kotlin enum "StrokeTextAlignVertical".
+   */
+  struct JStrokeTextAlignVertical final: public jni::JavaClass<JStrokeTextAlignVertical> {
+  public:
+    static auto constexpr kJavaDescriptor = "Lcom/margelo/nitro/stroketext/StrokeTextAlignVertical;";
+
+  public:
+    /**
+     * Convert this Java/Kotlin-based enum to the C++ enum StrokeTextAlignVertical.
+     */
+    [[maybe_unused]]
+    [[nodiscard]]
+    StrokeTextAlignVertical toCpp() const {
+      static const auto clazz = javaClassStatic();
+      static const auto fieldOrdinal = clazz->getField<int>("value");
+      int ordinal = this->getFieldValue(fieldOrdinal);
+      return static_cast<StrokeTextAlignVertical>(ordinal);
+    }
+
+  public:
+    /**
+     * Create a Java/Kotlin-based enum with the given C++ enum's value.
+     */
+    [[maybe_unused]]
+    static jni::alias_ref<JStrokeTextAlignVertical> fromCpp(StrokeTextAlignVertical value) {
+      static const auto clazz = javaClassStatic();
+      switch (value) {
+        case StrokeTextAlignVertical::AUTO:
+          static const auto fieldAUTO = clazz->getStaticField<JStrokeTextAlignVertical>("AUTO");
+          return clazz->getStaticFieldValue(fieldAUTO);
+        case StrokeTextAlignVertical::CENTER:
+          static const auto fieldCENTER = clazz->getStaticField<JStrokeTextAlignVertical>("CENTER");
+          return clazz->getStaticFieldValue(fieldCENTER);
+        case StrokeTextAlignVertical::TOP:
+          static const auto fieldTOP = clazz->getStaticField<JStrokeTextAlignVertical>("TOP");
+          return clazz->getStaticFieldValue(fieldTOP);
+        case StrokeTextAlignVertical::BOTTOM:
+          static const auto fieldBOTTOM = clazz->getStaticField<JStrokeTextAlignVertical>("BOTTOM");
+          return clazz->getStaticFieldValue(fieldBOTTOM);
+        default:
+          std::string stringValue = std::to_string(static_cast<int>(value));
+          throw std::invalid_argument("Invalid enum value (" + stringValue + "!");
+      }
+    }
+  };
+
+} // namespace margelo::nitro::stroketext

package/nitrogen/generated/android/c++/views/JHybridStrokeTextViewStateUpdater.cpp

@@ -80,6 +80,10 @@ void JHybridStrokeTextViewStateUpdater::updateViewProps(jni::alias_ref<jni::JCla
     view->setTextAlign(props.textAlign.value);
     // TODO: Set isDirty = false
   }
+  if (props.textAlignVertical.isDirty) {
+    view->setTextAlignVertical(props.textAlignVertical.value);
+    // TODO: Set isDirty = false
+  }
   if (props.textDecorationLine.isDirty) {
     view->setTextDecorationLine(props.textDecorationLine.value);
     // TODO: Set isDirty = false

package/nitrogen/generated/android/kotlin/com/margelo/nitro/stroketext/HybridStrokeTextViewSpec.kt

@@ -108,6 +108,12 @@ abstract class HybridStrokeTextViewSpec: HybridView() {
   @set:Keep
   abstract var textAlign: StrokeTextAlign?
   
+  @get:DoNotStrip
+  @get:Keep
+  @set:DoNotStrip
+  @set:Keep
+  abstract var textAlignVertical: StrokeTextAlignVertical?
+  
   @get:DoNotStrip
   @get:Keep
   @set:DoNotStrip

package/nitrogen/generated/android/kotlin/com/margelo/nitro/stroketext/StrokeTextAlignVertical.kt

@@ -0,0 +1,25 @@
+///
+/// StrokeTextAlignVertical.kt
+/// This file was generated by nitrogen. DO NOT MODIFY THIS FILE.
+/// https://github.com/mrousavy/nitro
+/// Copyright © Marc Rousavy @ Margelo
+///
+
+package com.margelo.nitro.stroketext
+
+import androidx.annotation.Keep
+import com.facebook.proguard.annotations.DoNotStrip
+
+/**
+ * Represents the JavaScript enum/union "StrokeTextAlignVertical".
+ */
+@DoNotStrip
+@Keep
+enum class StrokeTextAlignVertical(@DoNotStrip @Keep val value: Int) {
+  AUTO(0),
+  CENTER(1),
+  TOP(2),
+  BOTTOM(3);
+
+  companion object
+}

package/nitrogen/generated/ios/NitroStrokeText-Swift-Cxx-Bridge.hpp

@@ -10,6 +10,8 @@
 // Forward declarations of C++ defined types
 // Forward declaration of `HybridStrokeTextViewSpec` to properly resolve imports.
 namespace margelo::nitro::stroketext { class HybridStrokeTextViewSpec; }
+// Forward declaration of `StrokeTextAlignVertical` to properly resolve imports.
+namespace margelo::nitro::stroketext { enum class StrokeTextAlignVertical; }
 // Forward declaration of `StrokeTextAlign` to properly resolve imports.
 namespace margelo::nitro::stroketext { enum class StrokeTextAlign; }
 // Forward declaration of `StrokeTextDecorationLine` to properly resolve imports.
@@ -28,6 +30,7 @@ namespace NitroStrokeText { class HybridStrokeTextViewSpec_cxx; }
 // Include C++ defined types
 #include "HybridStrokeTextViewSpec.hpp"
 #include "StrokeTextAlign.hpp"
+#include "StrokeTextAlignVertical.hpp"
 #include "StrokeTextDecorationLine.hpp"
 #include "StrokeTextEllipsizeMode.hpp"
 #include "StrokeTextFontStyle.hpp"
@@ -102,6 +105,21 @@ namespace margelo::nitro::stroketext::bridge::swift {
     return *optional;
   }
   
+  // pragma MARK: std::optional<StrokeTextAlignVertical>
+  /**
+   * Specialized version of `std::optional<StrokeTextAlignVertical>`.
+   */
+  using std__optional_StrokeTextAlignVertical_ = std::optional<StrokeTextAlignVertical>;
+  inline std::optional<StrokeTextAlignVertical> create_std__optional_StrokeTextAlignVertical_(const StrokeTextAlignVertical& value) noexcept {
+    return std::optional<StrokeTextAlignVertical>(value);
+  }
+  inline bool has_value_std__optional_StrokeTextAlignVertical_(const std::optional<StrokeTextAlignVertical>& optional) noexcept {
+    return optional.has_value();
+  }
+  inline StrokeTextAlignVertical get_std__optional_StrokeTextAlignVertical_(const std::optional<StrokeTextAlignVertical>& optional) noexcept {
+    return *optional;
+  }
+  
   // pragma MARK: std::optional<StrokeTextDecorationLine>
   /**
    * Specialized version of `std::optional<StrokeTextDecorationLine>`.

package/nitrogen/generated/ios/NitroStrokeText-Swift-Cxx-Umbrella.hpp

@@ -10,6 +10,8 @@
 // Forward declarations of C++ defined types
 // Forward declaration of `HybridStrokeTextViewSpec` to properly resolve imports.
 namespace margelo::nitro::stroketext { class HybridStrokeTextViewSpec; }
+// Forward declaration of `StrokeTextAlignVertical` to properly resolve imports.
+namespace margelo::nitro::stroketext { enum class StrokeTextAlignVertical; }
 // Forward declaration of `StrokeTextAlign` to properly resolve imports.
 namespace margelo::nitro::stroketext { enum class StrokeTextAlign; }
 // Forward declaration of `StrokeTextDecorationLine` to properly resolve imports.
@@ -24,6 +26,7 @@ namespace margelo::nitro::stroketext { enum class StrokeTextTransform; }
 // Include C++ defined types
 #include "HybridStrokeTextViewSpec.hpp"
 #include "StrokeTextAlign.hpp"
+#include "StrokeTextAlignVertical.hpp"
 #include "StrokeTextDecorationLine.hpp"
 #include "StrokeTextEllipsizeMode.hpp"
 #include "StrokeTextFontStyle.hpp"

package/nitrogen/generated/ios/c++/HybridStrokeTextViewSpecSwift.hpp

@@ -16,6 +16,8 @@ namespace NitroStrokeText { class HybridStrokeTextViewSpec_cxx; }
 namespace margelo::nitro::stroketext { enum class StrokeTextFontStyle; }
 // Forward declaration of `StrokeTextAlign` to properly resolve imports.
 namespace margelo::nitro::stroketext { enum class StrokeTextAlign; }
+// Forward declaration of `StrokeTextAlignVertical` to properly resolve imports.
+namespace margelo::nitro::stroketext { enum class StrokeTextAlignVertical; }
 // Forward declaration of `StrokeTextDecorationLine` to properly resolve imports.
 namespace margelo::nitro::stroketext { enum class StrokeTextDecorationLine; }
 // Forward declaration of `StrokeTextTransform` to properly resolve imports.
@@ -27,6 +29,7 @@ namespace margelo::nitro::stroketext { enum class StrokeTextEllipsizeMode; }
 #include <optional>
 #include "StrokeTextFontStyle.hpp"
 #include "StrokeTextAlign.hpp"
+#include "StrokeTextAlignVertical.hpp"
 #include "StrokeTextDecorationLine.hpp"
 #include "StrokeTextTransform.hpp"
 #include "StrokeTextEllipsizeMode.hpp"
@@ -154,6 +157,13 @@ namespace margelo::nitro::stroketext {
     inline void setTextAlign(std::optional<StrokeTextAlign> textAlign) noexcept override {
       _swiftPart.setTextAlign(textAlign);
     }
+    inline std::optional<StrokeTextAlignVertical> getTextAlignVertical() noexcept override {
+      auto __result = _swiftPart.getTextAlignVertical();
+      return __result;
+    }
+    inline void setTextAlignVertical(std::optional<StrokeTextAlignVertical> textAlignVertical) noexcept override {
+      _swiftPart.setTextAlignVertical(textAlignVertical);
+    }
     inline std::optional<StrokeTextDecorationLine> getTextDecorationLine() noexcept override {
       auto __result = _swiftPart.getTextDecorationLine();
       return __result;

package/nitrogen/generated/ios/c++/views/HybridStrokeTextViewComponent.mm

@@ -127,6 +127,11 @@ using namespace margelo::nitro::stroketext::views;
     swiftPart.setTextAlign(newViewProps.textAlign.value);
     newViewProps.textAlign.isDirty = false;
   }
+  // textAlignVertical: optional
+  if (newViewProps.textAlignVertical.isDirty) {
+    swiftPart.setTextAlignVertical(newViewProps.textAlignVertical.value);
+    newViewProps.textAlignVertical.isDirty = false;
+  }
   // textDecorationLine: optional
   if (newViewProps.textDecorationLine.isDirty) {
     swiftPart.setTextDecorationLine(newViewProps.textDecorationLine.value);

package/nitrogen/generated/ios/swift/HybridStrokeTextViewSpec.swift

@@ -22,6 +22,7 @@ public protocol HybridStrokeTextViewSpec_protocol: HybridObject, HybridView {
   var lineHeight: Double? { get set }
   var letterSpacing: Double? { get set }
   var textAlign: StrokeTextAlign? { get set }
+  var textAlignVertical: StrokeTextAlignVertical? { get set }
   var textDecorationLine: StrokeTextDecorationLine? { get set }
   var textTransform: StrokeTextTransform? { get set }
   var opacity: Double? { get set }

package/nitrogen/generated/ios/swift/HybridStrokeTextViewSpec_cxx.swift

@@ -331,6 +331,23 @@ open class HybridStrokeTextViewSpec_cxx {
     }
   }
   
+  public final var textAlignVertical: bridge.std__optional_StrokeTextAlignVertical_ {
+    @inline(__always)
+    get {
+      return { () -> bridge.std__optional_StrokeTextAlignVertical_ in
+        if let __unwrappedValue = self.__implementation.textAlignVertical {
+          return bridge.create_std__optional_StrokeTextAlignVertical_(__unwrappedValue)
+        } else {
+          return .init()
+        }
+      }()
+    }
+    @inline(__always)
+    set {
+      self.__implementation.textAlignVertical = newValue.value
+    }
+  }
+  
   public final var textDecorationLine: bridge.std__optional_StrokeTextDecorationLine_ {
     @inline(__always)
     get {

package/nitrogen/generated/ios/swift/StrokeTextAlignVertical.swift

@@ -0,0 +1,48 @@
+///
+/// StrokeTextAlignVertical.swift
+/// This file was generated by nitrogen. DO NOT MODIFY THIS FILE.
+/// https://github.com/mrousavy/nitro
+/// Copyright © Marc Rousavy @ Margelo
+///
+
+/**
+ * Represents the JS union `StrokeTextAlignVertical`, backed by a C++ enum.
+ */
+public typealias StrokeTextAlignVertical = margelo.nitro.stroketext.StrokeTextAlignVertical
+
+public extension StrokeTextAlignVertical {
+  /**
+   * Get a StrokeTextAlignVertical for the given String value, or
+   * return `nil` if the given value was invalid/unknown.
+   */
+  init?(fromString string: String) {
+    switch string {
+      case "auto":
+        self = .auto
+      case "center":
+        self = .center
+      case "top":
+        self = .top
+      case "bottom":
+        self = .bottom
+      default:
+        return nil
+    }
+  }
+
+  /**
+   * Get the String value this StrokeTextAlignVertical represents.
+   */
+  var stringValue: String {
+    switch self {
+      case .auto:
+        return "auto"
+      case .center:
+        return "center"
+      case .top:
+        return "top"
+      case .bottom:
+        return "bottom"
+    }
+  }
+}

package/nitrogen/generated/shared/c++/HybridStrokeTextViewSpec.cpp

@@ -36,6 +36,8 @@ namespace margelo::nitro::stroketext {
       prototype.registerHybridSetter("letterSpacing", &HybridStrokeTextViewSpec::setLetterSpacing);
       prototype.registerHybridGetter("textAlign", &HybridStrokeTextViewSpec::getTextAlign);
       prototype.registerHybridSetter("textAlign", &HybridStrokeTextViewSpec::setTextAlign);
+      prototype.registerHybridGetter("textAlignVertical", &HybridStrokeTextViewSpec::getTextAlignVertical);
+      prototype.registerHybridSetter("textAlignVertical", &HybridStrokeTextViewSpec::setTextAlignVertical);
       prototype.registerHybridGetter("textDecorationLine", &HybridStrokeTextViewSpec::getTextDecorationLine);
       prototype.registerHybridSetter("textDecorationLine", &HybridStrokeTextViewSpec::setTextDecorationLine);
       prototype.registerHybridGetter("textTransform", &HybridStrokeTextViewSpec::getTextTransform);

package/nitrogen/generated/shared/c++/HybridStrokeTextViewSpec.hpp

@@ -17,6 +17,8 @@
 namespace margelo::nitro::stroketext { enum class StrokeTextFontStyle; }
 // Forward declaration of `StrokeTextAlign` to properly resolve imports.
 namespace margelo::nitro::stroketext { enum class StrokeTextAlign; }
+// Forward declaration of `StrokeTextAlignVertical` to properly resolve imports.
+namespace margelo::nitro::stroketext { enum class StrokeTextAlignVertical; }
 // Forward declaration of `StrokeTextDecorationLine` to properly resolve imports.
 namespace margelo::nitro::stroketext { enum class StrokeTextDecorationLine; }
 // Forward declaration of `StrokeTextTransform` to properly resolve imports.
@@ -28,6 +30,7 @@ namespace margelo::nitro::stroketext { enum class StrokeTextEllipsizeMode; }
 #include <optional>
 #include "StrokeTextFontStyle.hpp"
 #include "StrokeTextAlign.hpp"
+#include "StrokeTextAlignVertical.hpp"
 #include "StrokeTextDecorationLine.hpp"
 #include "StrokeTextTransform.hpp"
 #include "StrokeTextEllipsizeMode.hpp"
@@ -81,6 +84,8 @@ namespace margelo::nitro::stroketext {
       virtual void setLetterSpacing(std::optional<double> letterSpacing) = 0;
       virtual std::optional<StrokeTextAlign> getTextAlign() = 0;
       virtual void setTextAlign(std::optional<StrokeTextAlign> textAlign) = 0;
+      virtual std::optional<StrokeTextAlignVertical> getTextAlignVertical() = 0;
+      virtual void setTextAlignVertical(std::optional<StrokeTextAlignVertical> textAlignVertical) = 0;
       virtual std::optional<StrokeTextDecorationLine> getTextDecorationLine() = 0;
       virtual void setTextDecorationLine(std::optional<StrokeTextDecorationLine> textDecorationLine) = 0;
       virtual std::optional<StrokeTextTransform> getTextTransform() = 0;

package/nitrogen/generated/shared/c++/StrokeTextAlignVertical.hpp

@@ -0,0 +1,84 @@
+///
+/// StrokeTextAlignVertical.hpp
+/// This file was generated by nitrogen. DO NOT MODIFY THIS FILE.
+/// https://github.com/mrousavy/nitro
+/// Copyright © Marc Rousavy @ Margelo
+///
+
+#pragma once
+
+#if __has_include(<NitroModules/NitroHash.hpp>)
+#include <NitroModules/NitroHash.hpp>
+#else
+#error NitroModules cannot be found! Are you sure you installed NitroModules properly?
+#endif
+#if __has_include(<NitroModules/JSIConverter.hpp>)
+#include <NitroModules/JSIConverter.hpp>
+#else
+#error NitroModules cannot be found! Are you sure you installed NitroModules properly?
+#endif
+#if __has_include(<NitroModules/NitroDefines.hpp>)
+#include <NitroModules/NitroDefines.hpp>
+#else
+#error NitroModules cannot be found! Are you sure you installed NitroModules properly?
+#endif
+
+namespace margelo::nitro::stroketext {
+
+  /**
+   * An enum which can be represented as a JavaScript union (StrokeTextAlignVertical).
+   */
+  enum class StrokeTextAlignVertical {
+    AUTO      SWIFT_NAME(auto) = 0,
+    CENTER      SWIFT_NAME(center) = 1,
+    TOP      SWIFT_NAME(top) = 2,
+    BOTTOM      SWIFT_NAME(bottom) = 3,
+  } CLOSED_ENUM;
+
+} // namespace margelo::nitro::stroketext
+
+namespace margelo::nitro {
+
+  // C++ StrokeTextAlignVertical <> JS StrokeTextAlignVertical (union)
+  template <>
+  struct JSIConverter<margelo::nitro::stroketext::StrokeTextAlignVertical> final {
+    static inline margelo::nitro::stroketext::StrokeTextAlignVertical fromJSI(jsi::Runtime& runtime, const jsi::Value& arg) {
+      std::string unionValue = JSIConverter<std::string>::fromJSI(runtime, arg);
+      switch (hashString(unionValue.c_str(), unionValue.size())) {
+        case hashString("auto"): return margelo::nitro::stroketext::StrokeTextAlignVertical::AUTO;
+        case hashString("center"): return margelo::nitro::stroketext::StrokeTextAlignVertical::CENTER;
+        case hashString("top"): return margelo::nitro::stroketext::StrokeTextAlignVertical::TOP;
+        case hashString("bottom"): return margelo::nitro::stroketext::StrokeTextAlignVertical::BOTTOM;
+        default: [[unlikely]]
+          throw std::invalid_argument("Cannot convert \"" + unionValue + "\" to enum StrokeTextAlignVertical - invalid value!");
+      }
+    }
+    static inline jsi::Value toJSI(jsi::Runtime& runtime, margelo::nitro::stroketext::StrokeTextAlignVertical arg) {
+      switch (arg) {
+        case margelo::nitro::stroketext::StrokeTextAlignVertical::AUTO: return JSIConverter<std::string>::toJSI(runtime, "auto");
+        case margelo::nitro::stroketext::StrokeTextAlignVertical::CENTER: return JSIConverter<std::string>::toJSI(runtime, "center");
+        case margelo::nitro::stroketext::StrokeTextAlignVertical::TOP: return JSIConverter<std::string>::toJSI(runtime, "top");
+        case margelo::nitro::stroketext::StrokeTextAlignVertical::BOTTOM: return JSIConverter<std::string>::toJSI(runtime, "bottom");
+        default: [[unlikely]]
+          throw std::invalid_argument("Cannot convert StrokeTextAlignVertical to JS - invalid value: "
+                                    + std::to_string(static_cast<int>(arg)) + "!");
+      }
+    }
+    static inline bool canConvert(jsi::Runtime& runtime, const jsi::Value& value) {
+      if (!value.isString()) {
+        return false;
+      }
+      std::string unionValue = JSIConverter<std::string>::fromJSI(runtime, value);
+      switch (hashString(unionValue.c_str(), unionValue.size())) {
+        case hashString("auto"):
+        case hashString("center"):
+        case hashString("top"):
+        case hashString("bottom"):
+          return true;
+        default:
+          return false;
+      }
+    }
+  };
+
+} // namespace margelo::nitro

package/nitrogen/generated/shared/c++/views/HybridStrokeTextViewComponent.cpp

@@ -136,6 +136,16 @@ namespace margelo::nitro::stroketext::views {
         throw std::runtime_error(std::string("StrokeTextView.textAlign: ") + exc.what());
       }
     }()),
+    textAlignVertical([&]() -> CachedProp<std::optional<StrokeTextAlignVertical>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("textAlignVertical", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.textAlignVertical;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<StrokeTextAlignVertical>>::fromRawValue(*runtime, value, sourceProps.textAlignVertical);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("StrokeTextView.textAlignVertical: ") + exc.what());
+      }
+    }()),
     textDecorationLine([&]() -> CachedProp<std::optional<StrokeTextDecorationLine>> {
       try {
         const react::RawValue* rawValue = rawProps.at("textDecorationLine", nullptr, nullptr);
@@ -310,6 +320,7 @@ namespace margelo::nitro::stroketext::views {
     lineHeight(other.lineHeight),
     letterSpacing(other.letterSpacing),
     textAlign(other.textAlign),
+    textAlignVertical(other.textAlignVertical),
     textDecorationLine(other.textDecorationLine),
     textTransform(other.textTransform),
     opacity(other.opacity),
@@ -340,6 +351,7 @@ namespace margelo::nitro::stroketext::views {
       case hashString("lineHeight"): return true;
       case hashString("letterSpacing"): return true;
       case hashString("textAlign"): return true;
+      case hashString("textAlignVertical"): return true;
       case hashString("textDecorationLine"): return true;
       case hashString("textTransform"): return true;
       case hashString("opacity"): return true;

package/nitrogen/generated/shared/c++/views/HybridStrokeTextViewComponent.hpp

@@ -20,6 +20,7 @@
 #include <optional>
 #include "StrokeTextFontStyle.hpp"
 #include "StrokeTextAlign.hpp"
+#include "StrokeTextAlignVertical.hpp"
 #include "StrokeTextDecorationLine.hpp"
 #include "StrokeTextTransform.hpp"
 #include "StrokeTextEllipsizeMode.hpp"
@@ -59,6 +60,7 @@ namespace margelo::nitro::stroketext::views {
     CachedProp<std::optional<double>> lineHeight;
     CachedProp<std::optional<double>> letterSpacing;
     CachedProp<std::optional<StrokeTextAlign>> textAlign;
+    CachedProp<std::optional<StrokeTextAlignVertical>> textAlignVertical;
     CachedProp<std::optional<StrokeTextDecorationLine>> textDecorationLine;
     CachedProp<std::optional<StrokeTextTransform>> textTransform;
     CachedProp<std::optional<double>> opacity;

package/nitrogen/generated/shared/json/StrokeTextViewConfig.json

@@ -15,6 +15,7 @@
     "lineHeight": true,
     "letterSpacing": true,
     "textAlign": true,
+    "textAlignVertical": true,
     "textDecorationLine": true,
     "textTransform": true,
     "opacity": true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whetware/react-native-stroke-text",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Stroke/outline text for React Native (New Architecture) on iOS, Android, and Web.",
   "type": "module",
   "main": "./lib/index.js",