-
-
Notifications
You must be signed in to change notification settings - Fork 2.2k
Description
Current behaviour
When rendering a TextInput with a value, the component flickers as it loads. Tested with outlined and flat.
Expected behaviour
No flicker.
How to reproduce?
- open snack
- open TextInput
- open and close "New inputs" a few times, you'll feel the flicker. It's much more noticeable on my mobile where everything runs slower than on desktop
https://snack.expo.dev/@willsmithte/react-native-paper-example_v5
Preview
react-native-paper-textinput-flicker.mov
Your Environment
from the official example snack
"color": "",
"expo-font": "~11.1.1",
"expo-updates": "~0.16.4",
"expo-constants": "~14.2.1",
"expo-keep-awake": "~12.0.1",
"expo-status-bar": "~1.4.4",
"@expo/vector-icons": "^13.0.0",
"react-native-paper": "5.11.3",
"react-native-screens": "~3.20.0",
"@react-navigation/stack": "",
"react-native-reanimated": "~2.14.4",
"@react-navigation/drawer": "",
"@react-navigation/native": "",
"react-native-vector-icons": "9.2.0",
"@react-navigation/elements": "",
"react-native-gesture-handler": "~2.9.0",
"@react-navigation/bottom-tabs": "^6.4.3",
"react-native-safe-area-context": "4.5.0",
"react-native-vector-icons/FontAwesome": "",
"@react-native-async-storage/async-storage": "1.17.11",
"react-native-vector-icons/MaterialCommunityIcons": "*"