TextInput hides label onBlur on Web

[murtraja]

Environment

react-native-paper: 2.15.0
react-native: 0.57.5
react-native-web: 0.9.13

Description

Focus the TextInput and then click outside to defocus it. Notice that the label is gone. It has something to with the opacity. Please refer the gif. Also, before defocussing, if you enter some text and then delete the text, this doesn't happen. It only happens when you focus an empty TextInput and then defocus it WITHOUT entering any input.

Reproducible Demo

<TextInput
  label={'Enter name'}
/>

[murtraja]

potential fix:

@@ -183,10 +210,10 @@ class TextInputFlat extends React.Component<ChildTextInputProps, {}> {
                 styles.placeholderFlat,
                 labelStyle,
                 {
-                  color: activeColor,
+                  color: hasActiveOutline? activeColor : placeholderColor,
                   opacity: parentState.labeled.interpolate({
                     inputRange: [0, 1],
-                    outputRange: [hasActiveOutline ? 1 : 0, 0],
+                    outputRange: [hasActiveOutline ? 1 : 0, 1],
                   }),
                 },
               ]}

[murtraja]

I realized that this is duplicate #733