feat: allow making input non editable (#39)

Author: exploIF

android/src/main/java/com/swmansion/reactnativerichtexteditor/ReactNativeRichTextEditorViewManager.kt

@@ -102,6 +102,11 @@ class ReactNativeRichTextEditorViewManager : SimpleViewManager<ReactNativeRichTe
     view?.setAutoFocus(autoFocus)
   }
 
+  @ReactProp(name = "editable", defaultBoolean = true)
+  override fun setEditable(view: ReactNativeRichTextEditorView?, editable: Boolean) {
+    view?.isEnabled = editable
+  }
+
   @ReactProp(name = "mentionIndicators")
   override fun setMentionIndicators(view: ReactNativeRichTextEditorView?, indicators: ReadableArray?) {
     if (indicators == null) return

src/ReactNativeRichTextEditorViewNativeComponent.ts

@@ -55,6 +55,7 @@ export interface OnPressMentionEvent {
 export interface NativeProps extends ViewProps {
   // base props
   autoFocus?: boolean;
+  editable?: boolean;
   defaultValue?: string;
   placeholder?: string;
   placeholderTextColor?: ColorValue;

src/RichTextInput.tsx

@@ -60,6 +60,7 @@ export interface OnChangeMentionEvent {
 export interface RichTextInputProps extends Omit<ViewProps, 'children'> {
   ref?: RefObject<RichTextInputInstance | null>;
   autoFocus?: boolean;
+  editable?: boolean;
   mentionIndicators?: string[];
   defaultValue?: string;
   placeholder?: string;
@@ -97,6 +98,7 @@ type ComponentType = (Component<NativeProps, {}, any> & NativeMethods) | null;
 export const RichTextInput = ({
   ref,
   autoFocus,
+  editable = true,
   mentionIndicators = ['@'],
   defaultValue,
   placeholder,
@@ -228,6 +230,7 @@ export const RichTextInput = ({
     <ReactNativeRichTextEditorView
       ref={nativeRef}
       mentionIndicators={mentionIndicators}
+      editable={editable}
       autoFocus={autoFocus}
       defaultValue={defaultValue}
       placeholder={placeholder}