面试题：Flutter中StatefulWidget与Provider结合使用场景

结合使用场景

多组件共享状态：当多个不同层级的Widget需要共享同一份状态时，例如一个电商应用中，商品列表页和商品详情页都需要显示用户的登录状态，此时可以结合StatefulWidget和Provider。StatefulWidget负责构建界面并根据状态变化更新，Provider用于在不同组件间共享状态。
复杂业务逻辑状态管理：对于具有复杂业务逻辑的状态，如购物车的管理，包含添加商品、修改数量、计算总价等操作。StatefulWidget处理界面交互，Provider管理购物车的状态，并将状态变化通知到相关的StatefulWidget。

示例说明如何通过Provider更新StatefulWidget中的状态

定义状态类：

class Counter {
  int _count = 0;

  int get count => _count;

  void increment() {
    _count++;
  }
}

使用Provider提供状态：

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      create: (context) => Counter(),
      child: MaterialApp(
        home: MyHomePage(),
      ),
    );
  }
}

在StatefulWidget中使用并更新状态：

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    final counter = Provider.of<Counter>(context);
    return Scaffold(
      appBar: AppBar(
        title: Text('Provider Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '${counter.count}',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          Provider.of<Counter>(context, listen: false).increment();
        },
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}

在上述示例中，Counter类管理状态，ChangeNotifierProvider将Counter实例提供给整个应用。MyHomePage作为StatefulWidget，通过Provider.of<Counter>(context)获取状态，并在按钮点击时调用increment方法更新状态，从而触发界面更新。

星途面试题库

面试题：Flutter中StatefulWidget与Provider结合使用场景

知识考点

面试题答案

结合使用场景

示例说明如何通过Provider更新StatefulWidget中的状态