feat: new expense navigation
This commit is contained in:
parent
0c07dcc714
commit
9ec5755f96
10 changed files with 68 additions and 24 deletions
|
|
@ -1,13 +1,18 @@
|
|||
import { View, Text, ViewProps, StyleSheet } from 'react-native'
|
||||
import { View, Text, ViewProps, StyleSheet, TouchableOpacity } from 'react-native'
|
||||
import { AntDesign } from '@expo/vector-icons'
|
||||
import React from 'react'
|
||||
|
||||
const Plus = (props : ViewProps) => {
|
||||
type PlusProps = ViewProps & {onPress? : ()=> void | undefined}
|
||||
|
||||
const Plus = (props : PlusProps) => {
|
||||
return (
|
||||
<View style={[style.plus, props.style]}>
|
||||
|
||||
<TouchableOpacity onPress={props.onPress} style={[style.plus, props.style]}>
|
||||
{props.children}
|
||||
<AntDesign name='plus' color={"white"} size={20}></AntDesign>
|
||||
</View>
|
||||
|
||||
<AntDesign name='plus' color={"white"} size={20}></AntDesign>
|
||||
</TouchableOpacity>
|
||||
|
||||
)
|
||||
}
|
||||
const style = StyleSheet.create({
|
||||
|
|
@ -22,7 +27,8 @@ const style = StyleSheet.create({
|
|||
height: 60,
|
||||
width: 60,
|
||||
alignItems: 'center',
|
||||
justifyContent: "center"
|
||||
justifyContent: "center",
|
||||
flex:1
|
||||
}
|
||||
})
|
||||
export default Plus
|
||||
Reference in a new issue