Neumorphic Design in SwiftUI
Neumorphic Design is a new take on Skeomorphic design, which was used when iPhone first came out. In Skeomorphic design elements were styled to resemble real world objects. Neumorphic design allows the elements to blend into the background.
Neumorphic design always reminds me of Terminator 2 villain. He was able to walk through objects and blends in with other objects like he was made of thick liquid (Mercury).
Creating the Neumorphic Button
We will start our journey by implementing the look and feel of the Neumorphic Button. Add a brand new file called “NeumorphicImageButton” which conforms to the View protocol. In order to create NeumorphicImageButton, you must pass in the systemName for the image and the onTap closure. The onTap closure will be fired when the user taps on the button.
Next, we create a Button view inside the NeumorphicImageButton implementation. An…