为什么无状态的小部件重建进入新数据

Question

我创建了一个用于输入数据和显示的屏幕， 有了一个有状态的小部件HomeScreen，

我在主屏幕内使用了两个小部件，它们是输入表格和显示数据，两个都是无状态的小部件...但是，每当我添加记录时，它会更改无状态小部件的颜色，因为我将其设置为随机颜色。这意味着小部件也是重建事件的重建事件

。

或看来我有一个

概念

无

。

的

import 'package:flutter/material.dart';
import 'displaydata.dart';
import 'entryform.dart';
class HomeScreen extends StatefulWidget {
  @override
  State<HomeScreen> createState() => _HomeScreenState();
}
class _HomeScreenState extends State<HomeScreen> {
  List <double> numbers=[44.43,65.64,35.64,76.64];
  void _addRecord(double num)
  {
   numbers.add(num);
    setState(() {
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('okay'),),
      body: Column(children: [
        EntryForm(_addRecord),
        DisplayData(list: numbers,),
      ],),
    );
  }
}

错误

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

class EntryForm extends StatelessWidget {
  final Function addrecord;
  EntryForm(this.addrecord);
  final txtname=TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Card(
      color: Color.fromRGBO(Random().nextInt(255), Random().nextInt(255), Random().nextInt(255), 1),
      child: Padding(

        padding: const EdgeInsets.all(14.0),
        child: Container(
          color: Colors.green,
          child: Column(
            children: [
              TextField(
                controller: txtname,
              ),
              SizedBox(height: 10,),
              TextButton(onPressed: (){
                  addrecord(double.parse(txtname.text));
                }, child: Text('Add Record')),
            ],
          ),
        ),
      ),
    );
  }
}

状态

import 'package:flutter/material.dart';

class DisplayData extends StatelessWidget {
  final List<double> list;
  DisplayData({required this.list});
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 400,
      child: ListView.builder(
         itemCount: list.length,
          itemBuilder: (context,index){
             return Text(list[index].toString(),style: TextStyle(fontSize: 30.0),);
          }),
    );
  }
}

``

Answer 1

好吧，你是对的，同时是对的。

您的陈述“我认为将无状态的小部件设置为没有变化的……” - 这是事实。

因此，无状态小部件是一个不变的小部件，无法对状态变化和重新渲染反应，您将不得不使用某种形式的状态管理。

您只是有一个错误的状态小部件概念。当您调用setState（）时，状态小部件将重建整个小部件。如果您在一个状态的小部件内有无状态的小部件，那么如果您调用setState（），则将重建整个状态小部件。

Answer 2

因此，当一个陈述的小部件重建时，无论他们是状态或无状态的，它都会完全与孩子重建，除非儿童小部件被标记为const（然后，孩子的重建不会像这样发生时发生无论如何都将保持不变）。

特别是在您的示例中，onpressed触发父函数_ADDRECORD nath setState（）。每当setState带有新参数时，父型小部件重建，并且因为其子女entryform（）也取决于它也必须重建的。

希望它会为您对状态的理解增加一些。