TextInput issue on Android 13 devices

Hi, I’ve noticed an issue with TextInputs on Android 13 devices, where the input will lag significantly, especially for long text inputs and when deleting a lot of text by press/holding backspace.

The underlying issue and a (not perfect, but seemingly working) solution is discussed here: https://github.com/facebook/react-native/issues/35155#issuecomment-1303994598

I’ve put in place the suggested fix locally using patch-package. Although I know it’s not an issue with react-native-gifted-chat, this seems to fix the issue in my app.

I’ve not been able to test this extensively yet, but posting in case it’s useful to others.

diff --git a/node_modules/react-native-gifted-chat/lib/Composer.js b/node_modules/react-native-gifted-chat/lib/Composer.js
index 3331d31..f92956f 100644
--- a/node_modules/react-native-gifted-chat/lib/Composer.js
+++ b/node_modules/react-native-gifted-chat/lib/Composer.js
@@ -49,6 +49,8 @@ export default class Composer extends React.Component {
         this.onChangeText = (text) => {
             this.props.onTextChanged(text);
         };
+        // Fix issue with lagging TextInput on Andoid 13 discussed here: https://github.com/facebook/react-native/issues/35155#issuecomment-1303994598
+        this.isAndroid13 = Platform.OS === 'android' && Platform?.constants?.Release === '13'
     }
     render() {
         return (<TextInput testID={this.props.placeholder} accessible accessibilityLabel={this.props.placeholder} placeholder={this.props.placeholder} placeholderTextColor={this.props.placeholderTextColor} multiline={this.props.multiline} editable={!this.props.disableComposer} onChange={this.onContentSizeChange} onContentSizeChange={this.onContentSizeChange} onChangeText={this.onChangeText} style={[
@@ -64,7 +66,7 @@ export default class Composer extends React.Component {
                     },
                 }),
             },
-        ]} autoFocus={this.props.textInputAutoFocus} value={this.props.text} enablesReturnKeyAutomatically underlineColorAndroid='transparent' keyboardAppearance={this.props.keyboardAppearance} {...this.props.textInputProps}/>);
+        ]} autoFocus={this.props.textInputAutoFocus} value={this.props.text} enablesReturnKeyAutomatically underlineColorAndroid='transparent' keyboardAppearance={this.props.keyboardAppearance} {...this.props.textInputProps} keyboardType={this.isAndroid13 ? 'visible-password' : 'default'} />);
     }
 }
 Composer.defaultProps = {

[levepic]

fkiDev So I have added your suggested fix and also added the fix to make ScaleY still available on RN 0.70 in index.js

// Add scaleY back to work around its removal in React Native 0.70. import ViewReactNativeStyleAttributes from 'react-native/Libraries/Components/View/ReactNativeStyleAttributes' ViewReactNativeStyleAttributes.scaleY = true

and the ANRs are gone from production! Finally fixed it. Thank you!

i solve the problem from here: facebook/react-native#30034 (comment)

[fkiDev]

i solve the problem from here: https://github.com/facebook/react-native/issues/30034#issuecomment-806396274