feat: Add expense screen

This commit is contained in:
Jakob Stornig 2024-01-05 00:13:56 +01:00
parent e1efed5b21
commit 36679279c1
18 changed files with 459 additions and 57 deletions

View file

@ -42,12 +42,12 @@ export default function TextInputBar(props: SearchBarProps) {
//TODO: Handle textCancel
// changed styles.container to containerStyle
return (
<View style={containerStyle}>
<TextInput onChangeText = {handleChange} style={[{fontSize: SIZES.normal, height: "100%"}, styles.TextInput]} autoCorrect={false} keyboardType='default' placeholder={props.placeholder} value={text}/>
<View style={[containerStyle, props.style]}>
<TextInput placeholderTextColor={colors.secondaryText} onChangeText = {handleChange} style={[{fontSize: SIZES.normal, height: "100%", color:colors.primaryText}, styles.TextInput]} autoCorrect={false} keyboardType='default' placeholder={props.placeholder} value={text} onFocus={()=>handleChange(text)} onEndEditing={()=>setIsactive(false)}/>
{isActive &&
<TouchableOpacity style={styles.cancel} onPress={()=>{handleChange("")}}>
<AntDesign size={15} name='closecircle'></AntDesign>
<AntDesign size={15} name='closecircle' color={colors.primaryText}></AntDesign>
</TouchableOpacity>
}
</View>
@ -56,8 +56,6 @@ export default function TextInputBar(props: SearchBarProps) {
const styles = StyleSheet.create({
container: {
marginHorizontal: 10,
marginBottom: 20,
flexDirection: 'row',
justifyContent: "center",
alignItems: "center",