I want the snackbar to be placed on top center of my application and not to expand thr

You could try this <div class="snippet-clipboard-content notranslate position-rela

Can we shrink snackbar to wrap its content or to some custom width? about top-snackbar-flutter HOT 3 CLOSED

lanarsinc commented on June 26, 2024

Can we shrink snackbar to wrap its content or to some custom width?

from top-snackbar-flutter.

Comments (3)

vizhan-lanars commented on June 26, 2024 2

You could try this

Material(
      color: Colors.transparent,
      child: Center(
        child: Container(
          width: MediaQuery.of(context).size.shortestSide,
          decoration: BoxDecoration(
            color: color,
            borderRadius: BorderRadius.all(Radius.circular(4)),
          ),
          child: Text(
            message,
            style: ThemeProvider.robotoRegular14,
            textAlign: TextAlign.center,
          ),
        ),
      ),
    )
    ```

from top-snackbar-flutter.

rasitayaz commented on June 26, 2024

I just resolved this by wrapping my custom snackbar with a Row and giving following properties:

mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.center,

from top-snackbar-flutter.

Kerimkullov commented on June 26, 2024

Just wrap parent container with Center widget

from top-snackbar-flutter.

Related Issues (20)

[bug] bug on text default style HOT 1
Bounce HOT 2
how to set duration for showTopSnackBar HOT 1
Snackbar stuck on status bar android HOT 2
Queue up on showing multiple snackbars HOT 1
Adjust height of snack bar HOT 1
Support to scaffoldMessengerKey to show snackbar without context. HOT 4
Snackbar getting stuck on android status bar HOT 1
Verify publisher HOT 1
Update examples in README HOT 9
Limit height of showTopSnackBar HOT 2
type 'StatelessObserverElement' is not a subtype of type 'OverlayState' HOT 1
how to hide top snack bar programmatically HOT 1
How to Set Max Width Top Snackbar HOT 2
Can we set a position? HOT 2
message testStyle doesn't work HOT 2
Resize element HOT 1
Gradient background HOT 4
onTap doesn't work when using onSwipe HOT 1

Can we shrink snackbar to wrap its content or to some custom width? about top-snackbar-flutter HOT 3 CLOSED

Comments (3)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent