flutter 修改导航栏颜色-flutter 修改导航AppBar的背景颜色

发布于 4 个月前 作者 phonegap100 261 次浏览 来自 分享

flutter如何修改导航AppBar的背景颜色呢下面带大家一起看看。

在有AppBar的界面,状态栏一般有Brightness.dark,和Brightness.light两种模式,分别是白色的导航栏字体颜色和黑色的字体颜色



appBar: AppBar(
       elevation: 0.5,
       brightness: Brightness.light,
       backgroundColor: Colors.white,
),

该种状态栏的背景色为白色,此时字体为黑色, 另一个值所对应的颜色刚好相反

如果我们的导航栏比较特殊的话我们也可以用第三方库flutter_statusbarcolor来修改导航的颜色

import 'package:flutter_statusbarcolor/flutter_statusbarcolor.dart';

//在main方法中
void main() async {
 runApp(MyApp(
    orLogin: orLogin,
  ));
  await FlutterStatusbarcolor.setStatusBarColor(Colors.green[400]);
  if (useWhiteForeground(Colors.green[400])) {
    FlutterStatusbarcolor.setStatusBarWhiteForeground(true);
  } else {
    FlutterStatusbarcolor.setStatusBarWhiteForeground(false);
  }
}
 
回到顶部