android - 子部件的 Flutter setState 无需重建父部件

Question

我有一个父级包含一个 listView 和一个 floatingActionButton 我想在用户开始滚动时隐藏 floatingActionButton 我已经管理在父小部件中执行此操作，但这需要每次都重建列表。

我已将 floatingActionButton 移动到一个单独的类中，这样我就可以更新状态并仅重建该小部件我遇到的问题是从 ScrollController 中传递数据子类的父类这在通过导航完成时很简单，但在不重建父类的情况下接缝但更尴尬!

Answer 1

当父级中的值发生变化时，只重建一个子小部件的一个好方法是使用ValueNotifier。和 ValueListenableBuilder .将 ValueNotifier 的实例添加到父级的状态类，并将要重建的小部件包装在 ValueListenableBuilder 中。

当您想要更改值时，使用通知程序而不调用setState，子小部件将使用新值重建。

import 'package:flutter/material.dart';

class Parent extends StatefulWidget {
  @override
  _ParentState createState() => _ParentState();
}

class _ParentState extends State<Parent> {
  ValueNotifier<bool> _notifier = ValueNotifier(false);

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        ElevatedButton(onPressed: () => _notifier.value = !_notifier.value, child: Text('toggle')),
        ValueListenableBuilder(
            valueListenable: _notifier,
            builder: (BuildContext context, bool val, Widget child) {
              return Text(val.toString());
            }),
      ],
    );
  }

  @override
  void dispose() {
      _notifier.dispose();

      super.dispose();
  }
}