Let’s add the component src/components/Buttons/RadialButton
.
This component must return a TouchableOpacity
element that wraps the Icon
component.
The onPress
property must be forwarded to TouchableOpacity
.
Pass the following properties to the Icon
component: size
- 35
, color
- colors.white
, name
- plus
.
The TouchableOpacity
styles should be the following: height
: 55
, width
: 55
, maxHeight
: 55
, maxWidth
: 55
, backgroundColor
: colors.blue
,
shadowColor
: colors.blue
, justifyContent
: center
, alignItems
: center
, borderRadius
: 27.5
, shadowOpacity
: 0.4
, shadowRadius
: 10
,
elevation
: 4, position
: absolute
, borderWidth
: 0
, bottom
: 0
, right
: 29
, opacity
: 1
.
This task is part of the Full-Stack JavaScript Course.
If you have any issues with it, you can ask for community help below the post.
Feel free to help others if you’ve already solved the task.