callstack / react-native-paper

Material Design for React Native (Android & iOS)
https://reactnativepaper.com
MIT License
12.58k stars 2.05k forks source link

Slow loading in TextInputs labels #4190

Open AMDev2023 opened 8 months ago

AMDev2023 commented 8 months ago

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
souzaluiz commented 7 months ago

@AMDev2023 i have same problem in 5.11.5 version

https://github.com/callstack/react-native-paper/assets/29143315/01f0349d-70f4-484b-ac80-f6e5ee82f912

badalsaibo commented 5 months ago

Related #2602 #2380

choudhary-github commented 3 months ago

I am also facing the same issue of rendering labels after the box Is rendered.

RNP: 5.12.3

pedrohbl03 commented 2 months ago

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.

danbeo95 commented 2 months ago

I am also facing the same issue :(

neur0ns commented 2 months ago

same

tkrafael commented 1 month ago

Same here, think that must be discussed. My scenario makes margin/padding to change when screen is loaded

Rohphi commented 1 month ago

same

AMDev2023 commented 4 weeks ago

@lukewalczak Please fix the issue, We are looking for the fix!

choudhary-github commented 3 weeks ago

It is more horrible when TextInput fields render with value.

prince272 commented 3 days ago

Here updates please.