Flutter自定义组件插件dart_board_widgets的使用

这些是我常用的通用架构组件，它们被单独打包以允许用户在不依赖平台的情况下使用。

Boolean Builder

一个基于标志位构建的条件型组件。它可以根据某个布尔值来决定构建方式。

// 示例代码
class MyWidget extends StatelessWidget {
  final bool condition;

  MyWidget({required this.condition});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return BooleanBuilder(
      condition: condition,
      trueBuilder: (context) => Text("Condition is true"),
      falseBuilder: (context) => Text("Condition is false"),
    );
  }
}

ChangeNotifierBuilder

用于监听ChangeNotifier变化的构建器。你可以使用扩展语法来简化代码。

// 示例代码
class MyModel extends ChangeNotifier {
  int count = 0;

  void increment() {
    count++;
    notifyListeners();
  }
}

class MyWidget extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      create: (_) => MyModel(),
      child: ChangeNotifierBuilder<MyModel>(
        builder: (context, model, child) {
          return Text('Count: ${model.count}');
        },
      ),
    );
  }
}

ConvertorWidget

一个用于生成ViewModel的组件，如果实现equals方法或缓存转换后的模型，可以优化构建过程。

// 示例代码
class MyViewModel {
  final String title;

  MyViewModel(this.title);

  [@override](/user/override)
  bool operator ==(Object other) =>
      identical(this, other) ||
      other is MyViewModel &&
          runtimeType == other.runtimeType &&
          title == other.title;

  [@override](/user/override)
  int get hashCode => title.hashCode;
}

class MyWidget extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return ConvertorWidget(
      converter: (BuildContext context) {
        return MyViewModel('Hello World');
      },
      builder: (BuildContext context, MyViewModel viewModel) {
        return Text(viewModel.title);
      },
    );
  }
}

LifeCycleWidget

一个用于监听状态组件生命周期的组件，非常适合应用和页面装饰。

// 示例代码
class MyWidget extends StatefulWidget {
  [@override](/user/override)
  _MyWidgetState createState() => _MyWidgetState();
}

class _MyWidgetState extends State<MyWidget> with LifeCycleWidget {
  [@override](/user/override)
  void initState() {
    super.initState();
    // 初始化逻辑
  }

  [@override](/user/override)
  void dispose() {
    super.dispose();
    // 销毁逻辑
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Container();
  }
}

PeriodicWidget

一个允许你在组件树中挂载回调的组件。

// 示例代码
class MyWidget extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return PeriodicWidget(
      duration: Duration(seconds: 1),
      builder: (context) {
        return Text('Tick');
      },
    );
  }
}

WidgetStream

一个异步流式组件，允许你通过async*发射组件。

// 示例代码
class MyWidget extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return WidgetStream(
      stream: (BuildContext context) async* {
        yield Text('Loading...');
        yield DetailsWidget(await fetchData());
      },
    );
  }
}