DeepSeek如何写Dart状态管理逻辑

Dart状态管理这件事，在Deepseek里写起来其实有不少门道。几种主流方案各有千秋，哪个顺手、哪个更适合你的场景，今天掰开揉碎了聊聊。

使用StatefulWidget

最基础也最直接的方式，就是继承StatefulWidget。比如下面这个例子：

class mywidget extends statefulwidget {
  @override
  _mywidgetstate createstate() => _mywidgetstate();
}

class _mywidgetstate extends state {

  // 定义状态变量
  int counter = 0;
  void incrementcounter() {

    setstate(() {
      counter++;
    });
  }
  @override
  widget build(buildcontext context) {
    return column(
      children: [
        text('count: $counter'),
        elevatedbutton( 
          onpressed: incrementcounter,
          child: text('increment'),
        ),
      ],
    );
  }
}

关键机制其实就一句话：在build方法里根据状态变量构建UI，然后通过setstate触发更新。简单直接，适合那些状态逻辑不复杂的组件。但一旦页面多了、状态共享需求上来，这套方案就有点捉襟见肘了。

使用Provider包

状态需要跨组件共享的时候，provider是官方比较推荐的方式。第一步，在pubspec.yaml里加上依赖：provider: ^latest_version，然后跑一下flutter pub get。

接着创建一个状态类：

class counter {
  int value = 0;
  void increment() {
    value++;
  }
}

然后用changenotifierprovider把它挂到组件树顶层：

void main() {
  runapp(
    changenotifierprovider(
      create: (context) => counter(),
      child: myapp(),
    ),
  );
}

class myapp extends statelesswidget {
  @override
  widget build(buildcontext context) {

    return materialapp(
      home: myhomepage(),
    );
  }
}

class myhomepage extends statelesswidget {
  @override
  widget build(buildcontext context) {
    final counter = provider.of(context);
    return column(
      children: [
        text('count: ${counter.value}'),
        elevatedbutton(
          onpressed: () => counter.increment(),
          child: text('increment'),
        ),
      ],
    );
  }
}

通过provider.of拿到状态实例，直接操作就好。状态一旦变化，所有依赖它的组件会自动重建。这套方案胜在轻量、学习成本低，中小项目用着很顺手。

使用Bloc模式

项目规模再往上走，逻辑和视图的分离就需要更严格的约束了——这时候Bloc模式就派上了用场。先装包：flutter_bloc: ^latest_version。

然后定义事件、状态和Bloc本身：

class counterbloc extends bloc {
  counterbloc() : super(counterinitial()) {
    on((event, emit) {
      emit(counterstate(value: state.value + 1));
    });
  }
}

abstract class counterevent {}
class incrementcounter extends counterevent {}

class counterstate {
  final int value;
  counterstate({required this.value});
}

class counterinitial extends counterstate {
  counterinitial() : super(value: 0);
}

接下来通过blocprovider把它注入到应用中：

void main() {
  runapp(
    blocprovider(
      create: (context) => counterbloc(),
      child: myapp(),
    ),
  );
}

class myapp extends statelesswidget {
  @override
  widget build(buildcontext context) {
    return materialapp( 
      home: myhomepage(),
    );
  }
}

class myhomepage extends statelesswidget {
  @override
  widget build(buildcontext context) {
    final bloc = blocprovider.of(context);
    return column(
      children: [
        blocbuilder(
          builder: (context, state) {
            return text('count: ${state.value}');
          },
        ),
        elevatedbutton(
          onpressed: () => bloc.add(incrementcounter()),
          child: text('increment'),
        ),
      ],
    );
  }
}

blocprovider负责提供Bloc实例，blocbuilder监听状态变化并响应式地更新UI，blocconsumer则能同时处理状态和事件。这套机制约束性更强，逻辑与视图的边界清晰，团队协作时优势尤其明显。

三种方案应对不同复杂度等级的需求，从简单组件到大型应用都能覆盖。实际选型时，考虑项目规模、团队熟悉度和维护成本，选最适合的那个就好。