[BUG] Navigation bar's color unable to restored after the picker was dismissed

[fangshengfy]

Describe the bug (描述)
BottomNavigationBar color was changed after picker closed
How to reproduce (如何复现)
close picker

Steps to reproduce the behavior (描述复现步骤):

close picker

Expected behavior (期望行为)

Screenshots (If contains) (是否有截图可以提供)
If applicable, add screenshots to help explain your problem.

Device information (设备信息)

• Device: Android

Additional context (附加信息)
Add any other context about the problem here. 在此提供更多的内容。

[AlexV525]

Please provide the usage of your code.

[fangshengfy]

Please provide the usage of your code.

  action(String name) async {
    if (name == '相册') {
      final List<AssetEntity> assets = await AssetPicker.pickAssets(context);
    } else if (name == '拍摄') {
      File file = await Navigator.push(
          context,
          MaterialPageRoute(
              builder: (context) => Camera(mode: CameraMode.fullscreen)));
    } else{
    }
  }

[fangshengfy]

BottomNavigationBar color from white to black

[fangshengfy]

it‘s ok after Lock screen

[fangshengfy]

test phone is redmi 7

[AlexV525]

Can you provide a smallest demo to reproduce the issue?

[fangshengfy]

Can you provide a smallest demo to reproduce the issue?

import 'package:flutter/material.dart';
import 'package:wechat_assets_picker/wechat_assets_picker.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);


  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {


  @override
  Widget build(BuildContext context) {

    return Scaffold(
      appBar: AppBar(

        title: Text(widget.title),
      ),
      body: Center(),
      floatingActionButton: FloatingActionButton(
        onPressed: ()async{
          final List<AssetEntity> assets = await AssetPicker.pickAssets(context);
        },
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}

[fangshengfy]

lock screen didn't fix it

[AlexV525]

I didn't found any BottomNavigationBar in here.

Before	First Select	After	Second Select

[fangshengfy]

[fangshengfy]

[fangshengfy]

because your BottomNavigationBar is black

[AlexV525]

Cannot reproduce, because the code you have provided starts with a black navigator on my side.

[fangshengfy]

but redme 7 defalut color is white

[AlexV525]

Oh now it takes effect.

[AlexV525]

Finish investigation, ref flutter/40590 .

Add below line into the main method which will be:

void main() {
  runApp(MyApp());
  WidgetsBinding.instance.renderView.automaticSystemUiAdjustment = false;
}

[fangshengfy]

to be honest，it is not a best solution

[AlexV525]

You can use a light theme to implement your picker, rather than a dark version.

[AlexV525]

Though, it's not an issue from the picker. :-)

[fangshengfy]

void main()  {
  WidgetsBinding.instance.renderView.automaticSystemUiAdjustment = false;
  runApp(createApp());
}

Color barColor;
  @override
  initState() {
    super.initState();
    FlutterStatusbarcolor.getNavigationBarColor().then((value) {
  if(value!=null)
      barColor = value;
    });
  }

   if(barColor!=null){
        //android
      if(barColor.value==Colors.white.value){
        //底部为白色
        await FlutterStatusbarcolor.setNavigationBarColor(Colors.black);
        await FlutterStatusbarcolor.setNavigationBarWhiteForeground(true);
        //状态栏的前景色需要区别，我的状态栏是白底黑字
        await FlutterStatusbarcolor.setStatusBarWhiteForeground(true);
        final List<AssetEntity> assets = await AssetPicker.pickAssets(context);
        //状态栏的前景色需要区别，我的状态栏是白底黑字
        await FlutterStatusbarcolor.setStatusBarWhiteForeground(false);
        await FlutterStatusbarcolor.setNavigationBarColor(barColor);
        await FlutterStatusbarcolor.setNavigationBarWhiteForeground(false);
      }else{
        //底部为黑色
        await FlutterStatusbarcolor.setNavigationBarColor(Colors.white);
        await FlutterStatusbarcolor.setNavigationBarWhiteForeground(false);
        //状态栏的前景色需要区别
        await FlutterStatusbarcolor.setStatusBarWhiteForeground(true);
        final List<AssetEntity> assets = await AssetPicker.pickAssets(context);
        //状态栏的前景色需要区别
        await FlutterStatusbarcolor.setStatusBarWhiteForeground(false);
        await FlutterStatusbarcolor.setNavigationBarColor(barColor);
        await FlutterStatusbarcolor.setNavigationBarWhiteForeground(true);
      }
      }else{
        //ios或回调未完成
        await FlutterStatusbarcolor.setStatusBarWhiteForeground(true);
        final List<AssetEntity> assets = await AssetPicker.pickAssets(context);
        //状态栏的前景色需要区别，我的状态栏是白底黑字
        await FlutterStatusbarcolor.setStatusBarWhiteForeground(false);
      }

it is my current solution

[AlexV525]

The pickerTheme property provided the ability to set the brightness to the status bar and the navigation bar.

Locking this until the official one is resolved.