无状态与有状态重建

Question

当无状态小部件位于有状态小部件中时，它是否会重绘？ 现在无状态小部件不能在运行时重绘，但有状态的可以。 问题是当无状态小部件位于有状态小部件中时，它是否会被重绘？

Answer 1

如果statefulWidget 重建，将重建child 的child 的statelessWidget。基本上，当在statefulWidget 中调用setState 时，旧状态被丢弃，构建方法以新状态运行。因此，如果 statelessWidget 它在 statefulWidget 的 build 方法中引用，是的，它将被重建。

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

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

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    print('Stateful widget built');
    return Scaffold(
      appBar: AppBar(
        title: Text('Example'),
      ),
      body: BodyWidget(),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          setState(() {});
        },
        tooltip: 'Set state',
        child: Icon(Icons.add),
      ),
    );
  }
}

class BodyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    print('Stateless widget built');
    return Container(
      child: Text('Stateless widget'),
    );
  }
}

试试这个例子，当你点击 Fab 时，它会在 statefulWidget 上返回 setState，当每个构建方法运行时，你会在控制台中得到一个打印输出。