web-dev-qa-db-fra.com

Supprimer l'ombre portée d'une barre d'application Scaffold dans Flutter?

Existe-t-il un moyen de supprimer l'ombre portée sous la barre d'application (classe AppBar) lors de l'utilisation d'un widget Scaffold dans Flutter?

flutter
43
Matt S.

En regardant le constructeur AppBar, il y a une propriété elevation qui peut être utilisée pour définir la hauteur de la barre d'application et donc la quantité d'ombre projetée. La mise à zéro supprime l'ombre portée:

    @override
    Widget build(BuildContext context) {
        return new Scaffold(
            appBar: new AppBar(
                title: new Text('My App Title'),
                elevation: 0.0,
            ),
            body: new Center(
                child: new Text('Hello World'),
            ),
        );
    }

enter image description here

94
Matt S.

J'ai essayé quelque chose qui pourrait t'aider

AppBar(
backgroundColor: Colors.transparent,
bottomOpacity: 0.0,
elevation: 0.0,
),

Regarde ça

7
Yash Adulkar

Si vous souhaitez supprimer l'ombre de toutes les barres d'application sans répéter le code, ajoutez simplement une propriété AppBarTheme avec elevation: 0 au thème de votre application (ThemeData), à l'intérieur de votre widget MaterialApp:

// This code should be located inside your "MyApp" class, or equivalent (in main.Dart by default)
return MaterialApp(
  // App Theme:
  theme: ThemeData(
    // ••• ADD THIS: App Bar Theme: •••
    appBarTheme: AppBarTheme(
      elevation: 0, // This removes the shadow from all App Bars.
    )
  ),
);
3
ThiagoAM