feat: HomeScreen Plus Symbol. (Not functional)
This commit is contained in:
parent
da58edc1da
commit
83541339e9
3 changed files with 51 additions and 5 deletions
28
components/common/plus/plus.tsx
Normal file
28
components/common/plus/plus.tsx
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
import { View, Text, ViewProps, StyleSheet } from 'react-native'
|
||||
import { AntDesign } from '@expo/vector-icons'
|
||||
import React from 'react'
|
||||
|
||||
const Plus = (props : ViewProps) => {
|
||||
return (
|
||||
<View style={[style.plus, props.style]}>
|
||||
{props.children}
|
||||
<AntDesign name='plus' color={"white"} size={20}></AntDesign>
|
||||
</View>
|
||||
)
|
||||
}
|
||||
const style = StyleSheet.create({
|
||||
plus:{
|
||||
position: "absolute",
|
||||
right: 20,
|
||||
bottom: 20,
|
||||
zIndex: 1,
|
||||
backgroundColor: "orange",
|
||||
padding: 20,
|
||||
borderRadius: 500,
|
||||
height: 60,
|
||||
width: 60,
|
||||
alignItems: 'center',
|
||||
justifyContent: "center"
|
||||
}
|
||||
})
|
||||
export default Plus
|
||||
Reference in a new issue