Удаление тени из Scafold AppBar в Flutter? - программирование
Подтвердить что ты не робот

Удаление тени из Scafold AppBar в Flutter?

Есть ли способ удалить тень под панель приложения (класс AppBar) при использовании виджета Scaffold в Flutter?

4b9b3361

Ответ 1

Глядя на конструктор AppBar, есть свойство elevation, которое можно использовать для установки высоты панели приложения и, следовательно, количества отбрасываемых теней. Установка этого значения в ноль удаляет тень:

    @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

Ответ 2

Если вы хотите удалить тень всех панелей приложения без повторения кода, просто добавьте свойство AppBarTheme с elevation: 0 в тему приложения (ThemeData) внутри виджета 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.
    )
  ),
);