Breaking News: Grepper is joining You.com. Read the official announcement!

Make Floating label TextInput with password show/hide in react native

Helpatoz Production answered on June 14, 2022 Popularity 1/10 Helpfulness 1/10

answer Make Floating label TextInput with password show/hide in react native

Make Floating label TextInput with password show/hide in react native

Comment

import  React,{useState} from  'react'
    import {View,Text} from  'react-native'
    import InputBox from 'react-native-floating-label-inputbox'
    import  FontAwesome  from  'react-native-vector-icons/FontAwesome'
    
    const App = () => {
         const [password,setPassword]=useState("")
    
       return (
               <View style={{padding:10}}>
               
                 <InputBox
                   inputOutline
                   label={'Password'}
                   value={password}
                   onChangeText={(e)=>setPassword(e)}
                   required
                   secureTextEntry
                   rightIcon={<FontAwesome  name={'eye'}  size={20}/>}
             passHideIcon={<FontAwesome  name={'eye-slash'} size{20}/>}
                   />
                   
               </View>            
      )
      }
    export  default  App

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: www.npmjs.com

Tags: floating javascript label react-native textinput

Link to this answer
Share Copy Link

Contributed on Jun 14 2022

Helpatoz Production

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Make Floating label TextInput with password show/hide in react native

Contents

More Related Answers

Make Floating label TextInput with password show/hide in react native

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.