flutter 消除底部小橫條背景色

使用flutter的Scaffold的bottomNavigationBar時發現，底部會多了沒適配的小橫條區域


image.png

和上方的顏色不搭

解決

在跑app之前設置setSystemUIOverlayStyle

import 'package:flutter/services.dart';

void main() {
  SystemChrome.setSystemUIOverlayStyle(
    const SystemUiOverlayStyle(
      systemNavigationBarColor: Colors.transparent, // 設置系統導航欄顏色
    ),
  );
  runApp(const MyApp());
}
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容