CODEWITHSUNDEEP
androidflutterflutter-layoutflutter-test
alexistkd
alexistkd

Reputation: 898

flutter app change status bar to match same appbar

Hi im trying to change the statusbar to match the color of my appbar in flutter but i dont any luck im trying this:

@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: AnnotatedRegion<SystemUiOverlayStyle>(
        value: SystemUiOverlayStyle(statusBarColor: Colors.black,
        systemNavigationBarColor: Colors.black),

but still my status bar looks like this:

enter image description here

but on iphone it shows the colors correctly

enter image description here

Upvotes: 0

Views: 355

Answers (1)

Adithya Shetty
Adithya Shetty

Reputation: 1287

import this 

import 'package:flutter/services.dart';

and add this code to the main widget tree :

@override
  Widget build(BuildContext context) {

    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      statusBarColor: Colors.blue,
      statusBarBrightness: Brightness.dark, // as you need dark or light
    ));

return MaterialApp(home: yourHomeWidgetWhereTheScaffoldIsDefined....

Hope this helps

Upvotes: 1

Related Questions