CODEWITHSUNDEEP
validationreact-nativetextinput
Manoj Bhardwaj
Manoj Bhardwaj

Reputation: 858

How can i show tooltip error with TextInput in react native

enter image description here

I want to build a text input like above image with react native

    <TextInput
          placeholder = "Enter Your mobile number"

Upvotes: 0

Views: 2325

Answers (2)

akaMahesh
akaMahesh

Reputation: 381

TextInput do not support this as a prop, what i am suggesting is a what i am using as a workaround after investing tons of time into it. Even Instagram app do not have is functionality, you can use alert dialog or popover for this.

Lib metioned in https://stackoverflow.com/a/48861880/6797088 is a good way to popovers.

Upvotes: 0

devedv
devedv

Reputation: 622

You can use tooltip library. Show the tooltip on validation failed.

npm install react-native-tooltip --save

OR

npm install react-native-popover-tooltip --save

Upvotes: 1

Related Questions