callstack / callstack/react-native-paper

Slow loading in TextInputs labels

Open
#4,190 19 comments 7 reactions 1 assignee Claimed by @lukewalczak View on GitHub
bug TextInput
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

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)

{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

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.