Breaking News: Grepper is joining You.com. Read the official announcement!

how to make appbar transparent in flutter

Add Answer

Magnificent Moose answered on April 5, 2021 Popularity 9/10 Helpfulness 7/10

answer how to make appbar transparent in flutter

related flutter transparent appbar

related transparent appbar flutter

related flutter appbar transparent

how to make appbar transparent in flutter

Comment

Scaffold(
 extendBodyBehindAppBar: true,
  // or, extandbody: true,
 AppBar(
  backgroundColor: Colors.transparent, 
  elevation: 0.0,)
);

Popularity 9/10 Helpfulness 7/10 Language dart

Source: Grepper

Tags: appbar dart flutter transparent

Link to this answer
Share Copy Link

Contributed on Jan 30 2022

Magnificent Moose

0 Answers Avg Quality 2/10

Closely Related Answers

flutter transparent appbar

Comment

@override
  Widget build(BuildContext context) {
    return Scaffold(
      extendBodyBehindAppBar: true,
      backgroundColor: Colors.red,
      appBar: AppBar(
        backgroundColor: Colors.transparent,
        elevation: 0,
        title: Text("Title"),
      ),
      body: Center(child: Text("Content")),
    );
  }

Popularity 10/10 Helpfulness 10/10 Language dart

Source: Grepper

Tags: appbar ap

Link to this answer
Share Copy Link

Contributed on Apr 05 2021

Determined Dunlin

0 Answers Avg Quality 2/10

transparent appbar flutter

Comment

@override
  Widget build(BuildContext context) {
    return Scaffold(
      
      appBar: AppBar(
        backgroundColor: Colors.transparent,      //<<<<<<<<<
        elevation: 0,
        title: Text("Title"),
      ),
      body: Center(child: Text("Content")),

Popularity 9/10 Helpfulness 5/10 Language dart

Source: Grepper

Tags: appbar ap

Link to this answer
Share Copy Link

Contributed on May 09 2022

The Best

0 Answers Avg Quality 2/10

flutter appbar transparent

Comment

AppBar(
  backgroundColor: Colors.transparent,   // Set the background color of the AppBar to transparent
  elevation: 0,                          // Remove the shadow effect
  // Add other properties as per your requirement
  title: Text('My App'),
  actions: [
    IconButton(
      icon: Icon(Icons.settings),
      onPressed: () {
        // Perform desired action
      },
    ),
  ],
)

Popularity 6/10 Helpfulness 2/10 Language dart

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

how to make appbar transparent in flutter

Contents

More Related Answers

how to make appbar transparent in flutter

Closely Related Answers

flutter transparent appbar

transparent appbar flutter

flutter appbar transparent

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.