feat: add autoCorrect and spellCheck props

android/src/main/java/com/swmansion/enriched/textinput/EnrichedTextInputView.kt

@@ -614,6 +614,18 @@ class EnrichedTextInputView :
     }
   }
 
+  fun setAutoCorrect(autoCorrect: Boolean) {
+    val flagsToUnset = InputType.TYPE_TEXT_FLAG_AUTO_CORRECT or InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS
+
+    val flagsToSet =
+      when (autoCorrect) {
+        true -> InputType.TYPE_TEXT_FLAG_AUTO_CORRECT
+        false -> InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS
+      }
+
+    this.inputType = (this.inputType and flagsToUnset.inv()) or flagsToSet
+  }
+
   fun setAutoCapitalize(flagName: String?) {
     val flag =
       when (flagName) {

android/src/main/java/com/swmansion/enriched/textinput/EnrichedTextInputViewManager.kt

@@ -249,6 +249,22 @@ class EnrichedTextInputViewManager :
     view.allowFontScaling = allowFontScaling
   }
 
+  @ReactProp(name = "autoCorrect")
+  override fun setAutoCorrect(
+    view: EnrichedTextInputView?,
+    autoCorrect: Boolean,
+  ) {
+    view?.setAutoCorrect(autoCorrect)
+  }
+
+  @ReactProp(name = "spellCheck")
+  override fun setSpellCheck(
+    view: EnrichedTextInputView?,
+    spellCheck: Boolean,
+  ) {
+    // not supported in Android's RN TextInput
+  }
+
   override fun onAfterUpdateTransaction(view: EnrichedTextInputView) {
     super.onAfterUpdateTransaction(view)
     view.afterUpdateTransaction()

docs/docs/api-reference/enriched-text-input.md

@@ -89,6 +89,14 @@ If `true`, the input respects the system's accessibility font scaling settings.
 | --------- | ------- | ------------ |
 | `boolean` | `true`  | Android, iOS |
 
+### `autoCorrect` {#autocorrect}
+
+If false, disables auto-correct.
+
+| Type      | Default | Platforms    |
+| --------- | ------- | ------------ |
+| `boolean` | `true`  | Android, iOS |
+
 ### `autoFocus` {#autofocus}
 
 If `true`, focuses the input when it mounts.
@@ -633,6 +641,14 @@ cursor (caret) also uses this color.
 | ---------------------------------------------- | -------------- | ----------------- |
 | [`color`](https://reactnative.dev/docs/colors) | system default | Android, iOS, Web |
 
+### `spellCheck` {#spellcheck}
+
+If false, disables spell-check style (i.e. red underlines). The default value is inherited from the [`autoCorrect`](#autocorrect) prop.
+
+| Type      | Default                       | Platforms |
+| --------- | ----------------------------- | --------- |
+| `boolean` | [`autoCorrect`](#autocorrect) | iOS       |
+
 ### `style` {#style}
 
 Controls the layout, dimensions, typography, borders, shadows, opacity, and

ios/EnrichedTextInputView.mm

@@ -830,6 +830,20 @@ - (void)updateProps:(Props::Shared const &)props
     }
   }
 
+  // autoCorrect
+  if (newViewProps.autoCorrect != oldViewProps.autoCorrect) {
+    textView.autocorrectionType = newViewProps.autoCorrect
+                                      ? UITextAutocorrectionTypeYes
+                                      : UITextAutocorrectionTypeNo;
+  }
+
+  // spellCheck
+  if (newViewProps.spellCheck != oldViewProps.spellCheck) {
+    textView.spellCheckingType = newViewProps.spellCheck
+                                     ? UITextSpellCheckingTypeYes
+                                     : UITextSpellCheckingTypeNo;
+  }
+
   // isOnChangeHtmlSet
   _emitHtml = newViewProps.isOnChangeHtmlSet;
 

src/native/EnrichedTextInput.tsx

@@ -58,6 +58,8 @@ export const EnrichedTextInput = ({
   selectionColor,
   style,
   autoCapitalize = ENRICHED_TEXT_INPUT_DEFAULT_PROPS.autoCapitalize,
+  autoCorrect = true,
+  spellCheck,
   htmlStyle = ENRICHED_TEXT_INPUT_DEFAULT_PROPS.htmlStyle,
   linkRegex: _linkRegex,
   onFocus,
@@ -340,6 +342,8 @@ export const EnrichedTextInput = ({
       selectionColor={selectionColor}
       style={style}
       autoCapitalize={autoCapitalize}
+      autoCorrect={autoCorrect}
+      spellCheck={spellCheck ?? autoCorrect}
       htmlStyle={normalizedHtmlStyle}
       linkRegex={linkRegex}
       onInputFocus={onFocus}

src/spec/EnrichedTextInputNativeComponent.ts

@@ -366,6 +366,8 @@ export interface NativeProps extends ViewProps {
   cursorColor?: ColorValue;
   selectionColor?: ColorValue;
   autoCapitalize?: string;
+  autoCorrect?: boolean;
+  spellCheck?: boolean;
   htmlStyle?: HtmlStyleInternal;
   scrollEnabled?: boolean;
   linkRegex?: LinkNativeRegex;

src/types.ts

@@ -669,6 +669,15 @@ export interface EnrichedTextInputProps extends Omit<ViewProps, 'children'> {
   /** Controls automatic capitalization of typed text. Defaults to `"sentences"`. */
   autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
 
+  /** If false, disables auto-correct. Defaults `true`. */
+  autoCorrect?: boolean;
+
+  /** If false, disables spell-check style (i.e. red underlines). The default value is inherited from the `autoCorrect` prop.
+   *
+   * @platform ios
+   */
+  spellCheck?: boolean;
+
   /** Style overrides applied to the rendered HTML content inside the editor. */
   htmlStyle?: HtmlStyle;