Slow loading in TextInputs labels #4190
Description
Current behaviour
Delay loading in textInputs label, When we using multiple textinput in same screen.
Expected behaviour
Textinputs labels dont take time to load.
How to reproduce?
When using more than 4 or 5 textinput in same screen, Navigating to multiple textinputs screen having this issue(In android simulator Android 12-Nexus 5x)
<TextInput
mode='outlined'
label={<Text style={{ fontSize: 14, fontFamily: 'poppins-500' }}>{label}}
value={value}
style={[{ height: 50 }, style]}
onChangeText={onChangeText}
placeholder={placeholder}
outlineColor={colors.LIGHT_GREY1}
activeOutlineColor={colors.PRIMARY}
outlineStyle={{ borderRadius: 4, borderWidth: 1 }}
contentStyle={[styles.container, multiline && { paddingTop: 12 }]}
textColor={colors.LIGHT_BLACK}
theme={{
colors: {
background: colors.LIGHT_BLUE,
onSurfaceVariant: colors.VERY_LIGHT_GREY,
},
}}
maxLength={maxLength}
keyboardType={keyboardType}
secureTextEntry={passwordVisible}
multiline={multiline}
textContentType={textContentType as any}
autoCapitalize={autoCapitalize as any}
autoCorrect={autoCorrect}
contextMenuHidden={contextMenuHidden}
/>
Preview
https://drive.google.com/file/d/1KbP4KgPucbomRQBp6t0yXLrIXaUJA8z5/view?usp=drive_link
Your Environment
| software | version |
|---|---|
| android | Android 12 (Nexus 5x) |
| react-native | 0.72.6 |
| react-native-paper | 5.11.1 |
| node | 18.16.0 |
| npm | 9.6.5 |
| expo sdk | 49.0.5 |