feat: add scrollEnabled prop (#226)

### Description

The scrollEnabled option has been added to prohibit scrolling of content
inside a text field. In some cases, this can be useful (as in our
application) when we want to show multiple EnrichedTextInput and a
single ScrollView.

### Screenshots

Android: 


https://github.com/user-attachments/assets/f8c09315-ffe1-4a53-b9c8-e07e64a70884

iOS:



https://github.com/user-attachments/assets/0e61ef2a-a15a-4d5a-ac9b-9b33651bceab

---------

Co-authored-by: Tomasz Zawadzki <tomekzawadzki98@gmail.com>
Co-authored-by: Igor Furgała <74370735+exploIF@users.noreply.github.com>

Author: 3 people

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

@@ -54,6 +54,7 @@ class EnrichedTextInputView : AppCompatEditText {
   val parametrizedStyles: ParametrizedStyles? = ParametrizedStyles(this)
   var isDuringTransaction: Boolean = false
   var isRemovingMany: Boolean = false
+  var scrollEnabled: Boolean = true
 
   val mentionHandler: MentionHandler? = MentionHandler(this)
   var htmlStyle: HtmlStyle = HtmlStyle(this, null)
@@ -139,6 +140,14 @@ class EnrichedTextInputView : AppCompatEditText {
     return super.onTouchEvent(ev)
   }
 
+  override fun canScrollVertically(direction: Int): Boolean {
+    return scrollEnabled
+  }
+
+  override fun canScrollHorizontally(direction: Int): Boolean {
+    return scrollEnabled
+  }
+
   override fun onSelectionChanged(selStart: Int, selEnd: Int) {
     super.onSelectionChanged(selStart, selEnd)
     selection?.onSelection(selStart, selEnd)

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

@@ -154,6 +154,11 @@ class EnrichedTextInputViewManager : SimpleViewManager<EnrichedTextInputView>(),
     view?.setFontStyle(style)
   }
 
+  @ReactProp(name = "scrollEnabled")
+  override fun setScrollEnabled(view: EnrichedTextInputView, scrollEnabled: Boolean) {
+    view.scrollEnabled = scrollEnabled
+  }
+
   override fun onAfterUpdateTransaction(view: EnrichedTextInputView) {
     super.onAfterUpdateTransaction(view)
     view.afterUpdateTransaction()

ios/EnrichedTextInputView.mm

@@ -358,6 +358,10 @@ - (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &
     stylePropChanged = YES;
   }
 
+  if(newViewProps.scrollEnabled != oldViewProps.scrollEnabled || textView.scrollEnabled != newViewProps.scrollEnabled) {
+    [textView setScrollEnabled:newViewProps.scrollEnabled];
+  }
+  
   folly::dynamic oldMentionStyle = oldViewProps.htmlStyle.mention;
   folly::dynamic newMentionStyle = newViewProps.htmlStyle.mention;
   if(oldMentionStyle != newMentionStyle) {

src/EnrichedTextInput.tsx

@@ -130,6 +130,7 @@ export interface EnrichedTextInputProps extends Omit<ViewProps, 'children'> {
   autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
   htmlStyle?: HtmlStyle;
   style?: ViewStyle | TextStyle;
+  scrollEnabled?: boolean;
   onFocus?: () => void;
   onBlur?: () => void;
   onChangeText?: (e: NativeSyntheticEvent<OnChangeTextEvent>) => void;
@@ -192,6 +193,7 @@ export const EnrichedTextInput = ({
   onEndMention,
   onChangeSelection,
   androidExperimentalSynchronousEvents = false,
+  scrollEnabled = true,
   ...rest
 }: EnrichedTextInputProps) => {
   const nativeRef = useRef<ComponentType | null>(null);
@@ -352,6 +354,7 @@ export const EnrichedTextInput = ({
       androidExperimentalSynchronousEvents={
         androidExperimentalSynchronousEvents
       }
+      scrollEnabled={scrollEnabled}
       {...rest}
     />
   );

src/EnrichedTextInputNativeComponent.ts

@@ -135,6 +135,7 @@ export interface NativeProps extends ViewProps {
   selectionColor?: ColorValue;
   autoCapitalize?: string;
   htmlStyle?: HtmlStyleInternal;
+  scrollEnabled?: boolean;
 
   // event callbacks
   onInputFocus?: DirectEventHandler<null>;