react-native-paper
react-native-paper copied to clipboard
callstack
Slow loading in TextInputs labels
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}</Text>} 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 |
@AMDev2023 i have same problem in 5.11.5 version
https://github.com/callstack/react-native-paper/assets/29143315/01f0349d-70f4-484b-ac80-f6e5ee82f912
I am also facing the same issue of rendering labels after the box Is rendered.
RNP: 5.12.3
Hi guys, I have the same problem using RNP -> 5.12.2 and RN -> 0.72.7 Has anyone made any progress with this?
The problem occurs on ANDROID RELEASE BUNDLE, but in IOS everything works fine.
Same here, think that must be discussed. My scenario makes margin/padding to change when screen is loaded
