software-mansion · kacperzolkiewski · Jan 29, 2026 · Jan 29, 2026 · Jan 29, 2026 · Jan 30, 2026
diff --git a/.maestro/enrichedInput/flows/paragraph_styles_alignment_visual.yaml b/.maestro/enrichedInput/flows/paragraph_styles_alignment_visual.yaml
@@ -0,0 +1,46 @@
+appId: swmansion.enriched.example
+tags:
+  - ios-only
+---
+# Visually validates text alignment rendering
+- launchApp
+
+- tapOn:
+    id: 'toggle-screen-button'
+
+- tapOn:
+    id: 'editor-input'
+
+# Left-aligned text
+- inputText: 'Left aligned'
+- pressKey: Enter
+
+# Centre-aligned
+- tapOn:
+    id: 'toolbar-align-center'
+- inputText: 'Centre aligned'
+- pressKey: Enter
+
+# Heading 4
+- tapOn:
+    id: 'toolbar-heading-6'
+- inputText: 'Heading 6'
+- pressKey: Enter
+
+# Right-aligned text
+- tapOn:
+    id: 'toolbar-align-right'
+- inputText: 'Right aligned'
+- pressKey: Enter
+
+# List with right-aligned items
+- tapOn:
+    id: 'toolbar-ordered-list'
+- inputText: 'Element 1'
+- pressKey: Enter
+- inputText: 'Element 2'
+
+- runFlow:
+    file: '../subflows/capture_or_assert_screenshot.yaml'
+    env:
+      SCREENSHOT_NAME: 'paragraph_styles_alignment'
diff --git a/.maestro/enrichedInput/screenshots/ios/paragraph_styles_alignment.png b/.maestro/enrichedInput/screenshots/ios/paragraph_styles_alignment.png
diff --git a/.maestro/enrichedText/flows/alignment_visual.yaml b/.maestro/enrichedText/flows/alignment_visual.yaml
@@ -0,0 +1,30 @@
+appId: swmansion.enriched.example
+---
+# Validates that text alignment is displayed correctly
+- launchApp
+
+- tapOn:
+    id: 'toggle-screen-button'
+
+- tapOn:
+    id: 'toggle-enriched-text-screen-button'
+
+- runFlow:
+    file: '../subflows/set_enriched_text_value.yaml'
+    env:
+      VALUE: >
+        <html>
+          <p>Left aligned</p>
+          <p style="text-align: center">Centre aligned</p>
+          <h6 style="text-align: center">Heading 6</h6>
+          <p style="text-align: right">Right aligned</p>
+          <ol style="text-align: right">
+            <li>Element 1</li>
+            <li>Element 2</li>
+          </ol>
+        </html>
+
+- runFlow:
+    file: '../subflows/capture_or_assert_screenshot.yaml'
+    env:
+      SCREENSHOT_NAME: 'alignment_visual'
diff --git a/.maestro/enrichedText/screenshots/ios/alignment_visual.png b/.maestro/enrichedText/screenshots/ios/alignment_visual.png
diff --git a/android/src/main/java/com/swmansion/enriched/common/parser/EnrichedSpanFactory.kt b/android/src/main/java/com/swmansion/enriched/common/parser/EnrichedSpanFactory.kt
@@ -1,5 +1,6 @@
 package com.swmansion.enriched.common.parser
 
+import com.swmansion.enriched.common.spans.EnrichedAlignmentSpan
 import com.swmansion.enriched.common.spans.EnrichedBlockQuoteSpan
 import com.swmansion.enriched.common.spans.EnrichedBoldSpan
 import com.swmansion.enriched.common.spans.EnrichedCheckboxListSpan
@@ -21,6 +22,8 @@ import com.swmansion.enriched.common.spans.EnrichedUnderlineSpan
 import com.swmansion.enriched.common.spans.EnrichedUnorderedListSpan
 
 interface EnrichedSpanFactory<T> {
+  fun createAlignmentSpan(cssValue: String): EnrichedAlignmentSpan
+
   fun createBoldSpan(style: T): EnrichedBoldSpan
 
   fun createItalicSpan(style: T): EnrichedItalicSpan

diff --git a/android/src/main/java/com/swmansion/enriched/common/spans/EnrichedAlignmentSpan.kt b/android/src/main/java/com/swmansion/enriched/common/spans/EnrichedAlignmentSpan.kt
@@ -0,0 +1,17 @@
+package com.swmansion.enriched.common.spans
+
+import android.text.Layout
+import android.text.style.AlignmentSpan
+
+open class EnrichedAlignmentSpan(
+  val cssValue: String,
+) : AlignmentSpan.Standard(cssValueToLayoutAlignment(cssValue)) {
+  companion object {
+    fun cssValueToLayoutAlignment(cssValue: String): Layout.Alignment =
+      when (cssValue) {
+        "center" -> Layout.Alignment.ALIGN_CENTER
+        "right" -> Layout.Alignment.ALIGN_OPPOSITE
+        else -> Layout.Alignment.ALIGN_NORMAL
+      }
+  }
+}
diff --git a/android/src/main/java/com/swmansion/enriched/text/EnrichedTextSpanFactory.kt b/android/src/main/java/com/swmansion/enriched/text/EnrichedTextSpanFactory.kt
@@ -1,6 +1,8 @@
 package com.swmansion.enriched.text
 
 import com.swmansion.enriched.common.parser.EnrichedSpanFactory
+import com.swmansion.enriched.common.spans.EnrichedAlignmentSpan
+import com.swmansion.enriched.text.spans.EnrichedTextAlignmentSpan
 import com.swmansion.enriched.text.spans.EnrichedTextBlockQuoteSpan
 import com.swmansion.enriched.text.spans.EnrichedTextBoldSpan
 import com.swmansion.enriched.text.spans.EnrichedTextCheckboxListSpan
@@ -22,6 +24,8 @@ import com.swmansion.enriched.text.spans.EnrichedTextUnderlineSpan
 import com.swmansion.enriched.text.spans.EnrichedTextUnorderedListSpan
 
 class EnrichedTextSpanFactory : EnrichedSpanFactory<EnrichedTextStyle> {
+  override fun createAlignmentSpan(cssValue: String) = EnrichedTextAlignmentSpan(cssValue)
+
   override fun createBoldSpan(style: EnrichedTextStyle) = EnrichedTextBoldSpan(style)
 
   override fun createItalicSpan(style: EnrichedTextStyle) = EnrichedTextItalicSpan(style)

diff --git a/android/src/main/java/com/swmansion/enriched/text/spans/EnrichedTextAlignmentSpan.kt b/android/src/main/java/com/swmansion/enriched/text/spans/EnrichedTextAlignmentSpan.kt
@@ -0,0 +1,7 @@
+package com.swmansion.enriched.text.spans
+
+import com.swmansion.enriched.common.spans.EnrichedAlignmentSpan
+
+class EnrichedTextAlignmentSpan(
+  cssValue: String,
+) : EnrichedAlignmentSpan(cssValue)
diff --git a/android/src/main/java/com/swmansion/enriched/textinput/EnrichedTextInputSpannableFactory.kt b/android/src/main/java/com/swmansion/enriched/textinput/EnrichedTextInputSpannableFactory.kt
@@ -1,8 +1,10 @@
 package com.swmansion.enriched.textinput
 
 import com.swmansion.enriched.common.parser.EnrichedSpanFactory
+import com.swmansion.enriched.common.spans.EnrichedAlignmentSpan
 import com.swmansion.enriched.common.spans.EnrichedCheckboxListSpan
 import com.swmansion.enriched.common.spans.EnrichedImageSpan
+import com.swmansion.enriched.textinput.spans.EnrichedInputAlignmentSpan
 import com.swmansion.enriched.textinput.spans.EnrichedInputBlockQuoteSpan
 import com.swmansion.enriched.textinput.spans.EnrichedInputBoldSpan
 import com.swmansion.enriched.textinput.spans.EnrichedInputCheckboxListSpan
@@ -25,6 +27,8 @@ import com.swmansion.enriched.textinput.spans.EnrichedInputUnorderedListSpan
 import com.swmansion.enriched.textinput.styles.HtmlStyle
 
 class EnrichedTextInputSpannableFactory : EnrichedSpanFactory<HtmlStyle> {
+  override fun createAlignmentSpan(cssValue: String) = EnrichedInputAlignmentSpan(cssValue)
+
   override fun createBoldSpan(style: HtmlStyle) = EnrichedInputBoldSpan(style)
 
   override fun createItalicSpan(style: HtmlStyle) = EnrichedInputItalicSpan(style)

diff --git a/android/src/main/java/com/swmansion/enriched/textinput/EnrichedTextInputView.kt b/android/src/main/java/com/swmansion/enriched/textinput/EnrichedTextInputView.kt
@@ -57,6 +57,7 @@ import com.swmansion.enriched.textinput.spans.EnrichedInputImageSpan
 import com.swmansion.enriched.textinput.spans.EnrichedLineHeightSpan
 import com.swmansion.enriched.textinput.spans.EnrichedSpans
 import com.swmansion.enriched.textinput.spans.interfaces.EnrichedInputSpan
+import com.swmansion.enriched.textinput.styles.AlignmentStyles
 import com.swmansion.enriched.textinput.styles.HtmlStyle
 import com.swmansion.enriched.textinput.styles.InlineStyles
 import com.swmansion.enriched.textinput.styles.ListStyles
@@ -85,6 +86,7 @@ class EnrichedTextInputView :
   val paragraphStyles: ParagraphStyles? = ParagraphStyles(this)
   val listStyles: ListStyles? = ListStyles(this)
   val parametrizedStyles: ParametrizedStyles? = ParametrizedStyles(this)
+  val alignmentStyles: AlignmentStyles? = AlignmentStyles(this)
   var isDuringTransaction: Boolean = false
   var isRemovingMany: Boolean = false
   var scrollEnabled: Boolean = true
@@ -962,6 +964,14 @@ class EnrichedTextInputView :
     parametrizedStyles?.setMentionSpan(text, indicator, attributes)
   }
 
+  fun setTextAlignment(alignment: String) {
+    runAsATransaction {
+      alignmentStyles?.setAlignment(alignment)
+    }
+    selection?.validateStyles()
+    layoutManager.invalidateLayout()
+  }
+
   fun requestHTML(requestId: Int) {
     val html =
       try {

diff --git a/android/src/main/java/com/swmansion/enriched/textinput/EnrichedTextInputViewManager.kt b/android/src/main/java/com/swmansion/enriched/textinput/EnrichedTextInputViewManager.kt
@@ -448,6 +448,13 @@ class EnrichedTextInputViewManager :
     view?.requestHTML(requestId)
   }
 
+  override fun setTextAlignment(
+    view: EnrichedTextInputView?,
+    alignment: String,
+  ) {
+    view?.setTextAlignment(alignment)
+  }
+
   override fun measure(
     context: Context,
     localData: ReadableMap?,

diff --git a/android/src/main/java/com/swmansion/enriched/textinput/spans/EnrichedInputAlignmentSpan.kt b/android/src/main/java/com/swmansion/enriched/textinput/spans/EnrichedInputAlignmentSpan.kt
@@ -0,0 +1,7 @@
+package com.swmansion.enriched.textinput.spans
+
+import com.swmansion.enriched.common.spans.EnrichedAlignmentSpan
+
+class EnrichedInputAlignmentSpan(
+  cssValue: String,
+) : EnrichedAlignmentSpan(cssValue)