Idean/Flutter-Neumorphic

Making the black shadow darker

ashishgupta-97065 opened this issue · 0 comments

ashishgupta-97065 commented

Hey Guys,

Really loved the package ... made it super easy to generate the neumorphic effect.

Have noticed that the neumorphism works great on soft/light ui. However in the dark I feel that the effect doesnt come across as cleanly. My guess is that in dark theme the black shadow needs to have a higher intensity that the white shadow. Is there any way i can tweak the code to give different intensities to the the black and white shadows.

Also is there a way to give a neumorphic element a gradient.

I am attaching a visual reference of a text box created in design vs that i was able to generate using the package:

  • Design:
    image

  • Coded Version:
    image

Code:
Neumorphic( margin: EdgeInsets.only(left: 0, right: 0, top: 2, bottom: 4), style: NeumorphicStyle( depth: -1, intensity: 0.8, surfaceIntensity: 1, shape: NeumorphicShape.concave, color: baseColorMid, //boxShape: NeumorphicBoxShape.stadium(), boxShape: NeumorphicBoxShape.roundRect(BorderRadius.circular(15)), ), )

regards