Fix flickering and missing formatting when toggling multiline prop

example/src/App.tsx

@@ -6,6 +6,7 @@ import {PlatformInfo} from './PlatformInfo';
 
 export default function App() {
   const [value, setValue] = React.useState(TEST_CONST.EXAMPLE_CONTENT);
+  const [multiline, setMultiline] = React.useState(true);
   const [textColorState, setTextColorState] = React.useState(false);
   const [linkColorState, setLinkColorState] = React.useState(false);
   const [textFontSizeState, setTextFontSizeState] = React.useState(false);
@@ -36,7 +37,7 @@ export default function App() {
     <View style={styles.container}>
       <PlatformInfo />
       <MarkdownTextInput
-        multiline
+        multiline={multiline}
         autoCapitalize="none"
         value={value}
         onChangeText={setValue}
@@ -89,6 +90,10 @@ export default function App() {
           setValue('');
         }}
       />
+      <Button
+        title="Toggle multiline"
+        onPress={() => setMultiline(prev => !prev)}
+      />
       <Button
         title="Toggle text color"
         onPress={() => setTextColorState(prev => !prev)}

src/MarkdownTextInput.tsx

@@ -53,6 +53,7 @@ const MarkdownTextInput = React.forwardRef<MarkdownTextInput, MarkdownTextInputP
       <MarkdownTextInputDecoratorViewNativeComponent
         style={IS_FABRIC ? styles.farAway : styles.displayNone}
         markdownStyle={markdownStyle}
+        key={String(props.multiline)} // force remount on multiline change
       />
     </>
   );