1. ホーム
  2. flutter

[解決済み] FlutterのScaffold AppBarからドロップシャドウを削除する?

2023-02-10 11:58:30

質問

FlutterでScaffoldウィジェットを使用する際、アプリバー(AppBarクラス)の下のドロップシャドウを削除する方法はありますか?

どのように解決するのですか?

を見ると AppBar のコンストラクタを見ると elevation プロパティがあり、これを使用してアプリバーの高さ、つまり影の量を設定することができます。これを 0 に設定すると、ドロップ シャドウが削除されます。

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