feat: add scrollEnabled prop

Author: IvanIhnatsiuk

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 = true
 
   val mentionHandler: MentionHandler? = MentionHandler(this)
   var htmlStyle: HtmlStyle = HtmlStyle(this, null)
@@ -137,6 +138,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

@@ -155,6 +155,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.updateTypeface()

ios/EnrichedTextInputView.mm

@@ -357,6 +357,10 @@ - (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &
     stylePropChanged = YES;
   }
 
+  if(newViewProps.scrollEnabled != oldViewProps.scrollEnabled || textView.scrollEnabled != newViewProps.scrollEnabled) {
+    [self setScrollEnabled: newViewProps.scrollEnabled];
+  }
+  
   folly::dynamic oldMentionStyle = oldViewProps.htmlStyle.mention;
   folly::dynamic newMentionStyle = newViewProps.htmlStyle.mention;
   if(oldMentionStyle != newMentionStyle) {
@@ -862,6 +866,10 @@ - (void)tryEmittingOnChangeHtmlEvent {
   }
 }
 
+-(void)setScrollEnabled:(bool)scrollEnabled {
+  [textView setScrollEnabled: scrollEnabled];
+}
+
 // MARK: - Styles manipulation
 
 - (void)toggleRegularStyle:(StyleType)type {

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>;