Skip to content

Place Holder Not visible when there is text is typed for TextInputΒ #2242

@being-yash-t

Description

@being-yash-t

Current behavior

The place holder text is not visible when something is being typed or is already typed in the textInput.
Check Screenshots below

Expected behavior

Place Holder should be above the text, as shown here
textinput-outlined focused

Code sample

I don't use expo but my project is open source, still here is the sample code
I am using formik if that matters & here is the file in my Github repo, at line 62.

<TextInput
              mode="outlined"
              value={values.firmName}
              error={errors.firmName != undefined}
              placeholder="Firm Name"
              style={{marginHorizontal: 16, marginVertical: 8}}
              numberOfLines={1}
              maxLength={20}
              onBlur={handleBlur('firmName')}
              onChangeText={handleChange('firmName')}
            />

Screenshots (if applicable)

When text is typed
Screenshot_20200920-130942_GST_Bill_Generator_2
When it is empty
Screenshot_20200920-130917_GST_Bill_Generator_2

What have you tried

I don't know what's wrong, new to react-native. Probably because of android 10

Your Environment

software version
ios or android Android 10
react-native 0.63.2
react-native-paper ^4.1.0
react-native-vector-icons ^7.1.0
node v12.18.4
yarn yarn 1.22.5
expo sdk I don't use it

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions