Skip to content

TextInput with value flickers on render #4299

@WillSmithTE

Description

@WillSmithTE

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?

  1. open snack
  2. open TextInput
  3. 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": "*"

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions