app/(tabs)/home/addItem.tsx

@@ -1,10 +1,63 @@
-import { View, Text } from 'react-native'
-import React from 'react'
-
+import {View, Text, TextInput, StyleSheet} from 'react-native'
+import React, { useState } from 'react'
+import {FlatList} from "react-native-gesture-handler";
+import {ExpenseItem} from "../../../components";
 export default function addItem() {
+
+    const[zahl, setZahl]=useState('');
+    const handleZahlEingabe = (text: React.SetStateAction<string>)=> {
+        setZahl(text);
+    };
+
+
   return (
-    <View>
-      <Text>addItem</Text>
+    <View style={styles.all}>
+      <Text>Enter data</Text>
+        <View style={styles.container} >
+                <Text style={styles.text}>{"Betrag:"}</Text>
+                <View style={styles.placeholder}>
+                    <Text style={styles.text}>{"__ ,__ __€"}</Text>
+                </View>
+                <TextInput style={{fontSize:26, ...styles.input}}
+                           placeholder="------|"
+                           keyboardType="numeric"
+                           value={zahl}
+                           onChangeText={handleZahlEingabe}/>
+        </View>
     </View>
   )
-}
+}
+
+
+const styles = StyleSheet.create({
+    all:{
+        alignItems:'center',
+    },
+    container: {
+        backgroundColor:"orange",
+        flexDirection:'row',
+        justifyContent:"center",
+        alignItems:"center",
+        borderRadius:20,
+        height: 60,
+        width: 330,
+        paddingHorizontal:16,
+    },
+    input: {
+        //height: 40,
+        textAlign:'right',
+        position:'absolute',
+        right:80,
+    },
+    text:{
+        fontSize:26,
+        //fontWeight:'bold',
+        flex:1,
+    },
+    placeholder:{
+        position: 'absolute',
+        right:16,
+        top:16,//16
+        flexDirection:'row',
+    },
+})