feat: ExpenseItem on Home Screen
This commit is contained in:
parent
0f9783c292
commit
da58edc1da
5 changed files with 140 additions and 5 deletions
23
components/common/customCard/CustomCard.tsx
Normal file
23
components/common/customCard/CustomCard.tsx
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
import { View, Text, StyleSheet } from 'react-native'
|
||||
import React from 'react'
|
||||
import { ViewProps } from 'react-native/Libraries/Components/View/ViewPropTypes'
|
||||
import { useThemeColor } from '../../../hooks/hooks'
|
||||
import { SHADOWS } from '../../../constants/theme'
|
||||
|
||||
export default function CustomCard(props : ViewProps) {
|
||||
return (
|
||||
<View style={[styles.container, SHADOWS.light, props.style]}>
|
||||
{props.children}
|
||||
</View>
|
||||
)
|
||||
}
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
container:{
|
||||
flexDirection: "row",
|
||||
alignItems: "stretch",
|
||||
alignContent: "space-between",
|
||||
borderRadius: 20,
|
||||
marginHorizontal: 10
|
||||
}
|
||||
})
|
||||
Reference in a new issue