Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR JAVASCRIPT

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

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
Source by www.npmjs.com #
 
PREVIOUS NEXT
Tagged: #Make #Floating #label #TextInput #password #react #native
ADD COMMENT
Topic
Name
7+9 =