Elevation of status bar

using safeArea like this

 Widget build(BuildContext context) {  return Container(    color: Colors.white,    child: SafeArea(      child: Scaffold(    appBar: AppBar(      title: Text("Payment Method"),      centerTitle: true,      leading: IconButton(        icon: Icon(          Icons.navigate_before,          size: 40,        ),        onPressed: () {          Navigator.of(context).pop();        },      ),    ),          body: RefreshIndicator(            -----)  

i am using this for status bar

     void main() {      SystemChrome.setSystemUIOverlayStyle(      SystemUiOverlayStyle(      statusBarColor: Colors.transparent,      statusBarIconBrightness: Brightness.dark,      systemNavigationBarColor: Colors.white,      systemNavigationBarIconBrightness: Brightness.dark,      systemNavigationBarDividerColor: Colors.transparent,    ));runApp(MyApp());}  

but now what happens is appbar and statusbar seems seperated due to elevation of app bar so what can be best fix so that app bar and statusbar seems merged

https://stackoverflow.com/questions/65840605/elevation-of-status-bar January 22, 2021 at 02:56PM