Flutter状态栏管理插件StatusBarManager的使用

🎨 StatusBar Manager

Managing the colors of your StatusBar and NavigationBar is easier and more convenient using the StatusBarManager in your Flutter project.

Install

Install the package as a dependency on pubspec.yaml which is at the root of your project:

dependencies:
  statusbarmanager: ^0.0.1
  // Awesome packages

Import the package into your main Dart file:

import 'package:statusbarmanager/statusbarmanager.dart';

Usage

You can instantiate the StatusBarManager right in your main function:

void main() {
  runApp(StatusBarManager(
    translucent: false,
    child: AwesomeWidget(),
  ));
}

Or manually instantiate in a class by extending StatelessWidget:

void main() {
  runApp(AwesomeWidget);
}

class AwesomeWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return StatusBarManager(
      translucent: false,
      child: MaterialApp(
        home: Scaffold(),
      ),
    );
  }
}

The StatusBarManager class receives the following attributes:

See an example of a real app using this package.

示例代码

以下是一个使用 StatusBarManager 的完整示例：

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

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

class App extends StatelessWidget {
  const App({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return StatusBarManager(
      child: AppExample(),
      translucent: false,
      statusBarColor: Colors.white,
      navigationBarColor: Colors.white,
      navigationBarDividerColor: Color(0xFFE9E9E9),
      statusBarBrightness: Brightness.light,
      statusBarIconBrightness: Brightness.light,
      navigationBarBrightness: Brightness.dark,
    );
  }
}

class AppExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo StatusBar',
      theme: ThemeData(
        primaryColor: Colors.white,
        accentColor: Colors.purple,
      ),
      home: SafeArea(
        child: MyHomePage(title: 'StatusBar Example'),
      ),
    );
  }
}

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

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
      floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
    );
  }
}

在这个示例中，我们创建了一个简单的 Flutter 应用，并使用 StatusBarManager 来管理状态栏和导航栏的颜色和亮度。希望这个示例能帮助你更好地理解和使用 StatusBarManager 插件。