'How can I remove shadow above AppBar for Android in Flutter?

How can I remove the shadow above the AppBar for Android in Flutter? On the iOS Simulator the following Code works fine.

Code:

    return Scaffold(
        extendBodyBehindAppBar: true,
        appBar: AppBar(
          backgroundColor: Colors.transparent,
          shadowColor: Colors.transparent,
          elevation: 0.0,
          title: Text('Title'),
        ),
        body: Container(
          decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage('images/background_01.jpg'),
              fit: BoxFit.cover,
            ),
          ),
          child: SafeArea(
            child: Column(
              children: [
                Container(),
                Container(),
              ],
            ),
          ),
        ));

Solution 1:^[1]

it's status Bar try to change the status Bar

Solution 2:^[2]

move your safe area as the whole widget parent. fore more about safe area see here https://api.flutter.dev/flutter/widgets/SafeArea-class.html

return SafeArea(
  child: Scaffold(
      extendBodyBehindAppBar: true,
      appBar: AppBar(
        backgroundColor: Colors.transparent,
        shadowColor: Colors.transparent,
        elevation: 0.0,
        title: Text('Title'),
      ),
      body: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage('images/background_01.jpg'),
            fit: BoxFit.cover,
          ),
        ),
        child: Column(
          children: [
            Container(),
            Container(),
          ],
        ),
      )),
);

Solution 3:^[3]

add this to the widget

Widget build(BuildContext context) {
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
  statusBarColor: Colors.transparent,
));
return Scaffold(

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	ahmed mohamed abdikadir
Solution 2	Dineth Prabashwara
Solution 3	ALEXANDER LOZANO

'How can I remove shadow above AppBar for Android in Flutter?

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]

Solution 3:^[3]