Added FloatingLabel

src/views/inputs.tsx

@@ -11,10 +11,12 @@ import {
 import {
   Input,
   SearchBar,
+  FloatingTextInput,
   Icon,
   Button,
   ThemeProvider,
   InputProps,
+  FloatingInputProps,
 } from 'react-native-elements';
 import { Header, SubHeader } from '../components/header';
 
@@ -46,6 +48,8 @@ const Inputs: React.FunctionComponent<InputsComponentProps> = () => {
   };
 
   const inputProps = {};
+  const floatingInputProps = {};
+
   return (
     <KeyboardAvoidingView
       style={styles.keyboardAvoidingView}
@@ -93,6 +97,11 @@ const Inputs: React.FunctionComponent<InputsComponentProps> = () => {
             placeholder="Simple input"
             style={InputFieldsStyle}
           />
+          <FloatingTextInput
+            {...(floatingInputProps as FloatingInputProps)}
+            style={styles.textInputStyle}
+            label="Floating Label"
+          />
           <Input
             {...(inputProps as InputProps)}
             leftIcon={
@@ -422,6 +431,9 @@ const styles = StyleSheet.create({
     marginTop: 16,
     width: '90%',
   },
+  textInputStyle: {
+    margin: 20,
+  },
   keyboardAvoidingView: {
     flex: 1,
     flexDirection: 'column',