Skip to content

[web] widget hiding under background when use image in background, no problem with color background #48032

@ZeroCool00

Description

@ZeroCool00

Steps to Reproduce

I am getting trouble using flutter widget when set background image. if I use color as background, then widget showing correctly, otherwise it only showing text of that widget, other widget color goes under background image.

class SplashView extends StatelessWidget {
  const SplashView({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
      Positioned.fill(  
            child: Image(
                    image: AssetImage('assets/images/decent.jpg'),
                    fit : BoxFit.fill,
            ),
           // child: Container( color: Colors.amber)
          ), 
        Container(
          margin: EdgeInsets.only(top: 20),
          padding: EdgeInsets.symmetric(horizontal: 60, vertical: 12),
          child: Text(title,
                   style: TextStyle(
                   fontSize: 18,
                   color: Colors.white
                 ),
       ),
       decoration: BoxDecoration(
       color: primaryColor,
       borderRadius: BorderRadius.circular(5),
    ),
    );
      ],
    );
  }

Target Platform: Web

[✓] Flutter (Channel master, v1.13.6-pre.40, on Mac OS X 10.15.2 19C57, locale en-GB)
 
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
[✓] Xcode - develop for iOS and macOS (Xcode 11.0)
[✓] Chrome - develop for the web
[✓] Android Studio (version 3.5)
[✓] VS Code (version 1.41.1)
[✓] Connected device (2 available)

• No issues found!

Metadata

Metadata

Assignees

Labels

c: renderingUI glitches reported at the engine/skia or impeller rendering levelplatform-webWeb applications specifically

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions