Question

当内容在我的SliverAppBar应用中滚动时，我正在使用flutter滚动应用栏，但是一旦滚动列表状态栏颜色变为透明。
我希望使用状态栏代替它，并使用默认的原色（在我的情况下为蓝色）。
请参阅：Video

这是代码：

Scaffold(
    CustomScrollView(
        slivers: <Widget>[
          SliverAppBar(
            title: Text("Home"),
            floating: false,
            pinned: false,
            snap: false,
          ),
          SliverList(
            delegate: SliverChildListDelegate(SOME_LIST_DATA),
          ),
        ],
      )
)

Answer 1

据我了解，状态栏的颜色会根据AppBar的亮度自动更改，请参见：https://api.flutter.dev/flutter/services/SystemChrome/setSystemUIOverlayStyle.html。

但是，如果我怀疑您要实现的是将状态栏保持为AppBar的默认颜色，则可以执行此操作（尽管我并不特别推荐）：

const $visible_inputs = $("form#form_id input:visible")
$visible_inputs.each( (index, element) => {
    console.log( $(this).val() );
});

当然，您可以根据需要更改SystemChrome.setSystemUIOverlayStyle( SystemUiOverlayStyle(statusBarColor: Theme.of(context).primaryColor));的颜色。

Answer 2

用 SafeArea 包装你的小部件，它对我有用...

在颤动中滚动SliverAppBar时，状态栏变为透明

2 个答案: