johynpapin / flutter_inset_shadow Goto Github PK

Hello there, I was having some issues with a container boxdecoration image showing up on one of my screens even though I use the exact same container code for every page. I recreated a duplicate page and started adding piece by piece and the problem occured when I have to Hide the boxDecoration and boxShadow from the material.dart in order for your plugin to take over.

   body: Container(
        decoration: const BoxDecoration(
          image: DecorationImage(
            image: AssetImage(
                'assets/images/curcuit_background-3.png'), // TODO not showing image
            fit: BoxFit.cover,
          ),
        ),

This is the snippet I use for the page background. I am using youre inset for a timer button on the screen but I need to be able to have both a background image as well as the inset button on the same page.

Any suggestions?

With Impeller enabled on iOS, rendering of gradients is blocky does not look good. It's fine if Impeller is disabled. This has only been seen when using the Inset property. Other gradients throughout Flutter seem fine.

https://github.com/flutter/flutter/wiki/Impeller

The issue is seen when using settings such as this:

BoxDecoration(boxShadow: [BoxShadow(blurRadius: 20, spreadRadius: 40, color: fillColor, inset: true)]))

I have inset shadows that render fine in web, as long as the layout is "desktop" like.
When I either open it on my phone or when I use the debugger in web to force it into a mobile layout the shadows disappear entirely.
I have no clue what could be causing this, any thoughts?

Hi, i am using this package in order to create a Neumorphic page.
Currently i have 7 neumorphic buttons in a Row.
The row is shown/hidden by an AnimatedCrossFade
When i have to show the buttons the Raster goes crazy for some frames, but then if i setState the page everything is smooth (i added a RepaintBoundary)
I played a bit and found out that the lag is caused by the 'inset' attribute on the BoxShade Widget.
By commenting that out everything is smooth and not laggy.
Is there any workaround for this?

Seems like inset is not working while using ShapeDecoration.
The inset is always disabled

on container shape : BoxShape.circle, its not working fine please give any solution

Same params in chrome

I add opacity to the shadow color but it tints without opacity. Can you help with this issue?

Container(
      width: width,
      height: height,
      padding: padding,
      decoration: BoxDecoration(
        boxShadow: [
          BoxShadow(
            offset: Offset.fromDirection(4, 4) ,
            color: Colors.black.withOpacity(.05),
            blurRadius: 0,
            spreadRadius: 10,
            inset: true,
          ),
        ],
      ),
      child: child,
    )