flutter - 不能引用setState()flutter-6ren

flutter - 不能引用setState()flutter

转载作者：行者123 更新时间：2023-12-03 03:55:26

我在vscode上编码此应用程序。当我尝试在createButton()函数(位于代码btw的末尾)中使用setState()时，它在下面显示一条蓝色的波浪线，表示“未引用声明'setState'。”如何使用setState()使其引用由createButton()函数创建的按钮。感谢您的帮助:)

import 'package:flutter/material.dart';

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

class MainScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: SafeArea(
        child: Scaffold(
          body: Column(
            // crossAxisAlignment: CrossAxisAlignment.stretch,
            children: <Widget>[

/* -------------------------------------------------------------------------- */
/*                               Display section                              */
/* -------------------------------------------------------------------------- */

              Column(
                crossAxisAlignment: CrossAxisAlignment.end,
                children: <Widget>[
                  Text('Hello World', style: TextStyle(fontSize: 50)),
                  SizedBox(height: 20),
                  Text('I\'m small', style: TextStyle(fontSize: 20)),
                  Container(width: double.infinity, height: 200),               
                 ],
              ),

/* -------------------------------------------------------------------------- */
/*                               Button section                               */
/* -------------------------------------------------------------------------- */

              Expanded(
                  child: Row(
                  children: <Widget>[

/* -------------------------------- Column 1 -------------------------------- */

                    createButtonColumn(buttonAmount: 4, buttonContents: [
                        Text('+', style: TextStyle(fontSize: 25, color: Colors.black54)), 
                        Text('8', style: TextStyle(fontSize: 25, color: Colors.white54)),
                        Text('4', style: TextStyle(fontSize: 25, color: Colors.white54)),
                        Text('0', style: TextStyle(fontSize: 25, color: Colors.white54))
                      ],
                      buttonColors: [Colors.redAccent, Colors.black, Colors.black, Colors.black],

                    ),

/* -------------------------------- Column 2 -------------------------------- */

                    createButtonColumn(buttonAmount: 4, buttonContents: [
                        Text('-', style: TextStyle(fontSize: 35, color: Colors.black54)), 
                        Text('9', style: TextStyle(fontSize: 25, color: Colors.white54)), 
                        Text('5', style: TextStyle(fontSize: 25, color: Colors.white54)),
                        Text('1', style: TextStyle(fontSize: 25, color: Colors.white54))
                      ],
                      buttonColors: [Colors.redAccent, Colors.black, Colors.black, Colors.black],
                    ),

/* -------------------------------- Column 3 -------------------------------- */

                    createButtonColumn(buttonAmount: 4, buttonContents: [
                        Text('*', style: TextStyle(fontSize: 25, color: Colors.black54)), 
                        Text('<--', style: TextStyle(fontSize: 25, color: Colors.white54)),
                        Text('6', style: TextStyle(fontSize: 25, color: Colors.white54)),
                        Text('2', style: TextStyle(fontSize: 25, color: Colors.white54))
                      ],
                      buttonColors: [Colors.redAccent, Colors.black, Colors.black, Colors.black],
                    ),

/* -------------------------------- Column 4 -------------------------------- */

                    createButtonColumn(buttonAmount: 4, buttonContents: [
                        Text('/', style: TextStyle(fontSize: 25, color: Colors.black54)), 
                        Text('AC', style: TextStyle(fontSize: 25, color: Colors.white54)),
                        Text('7', style: TextStyle(fontSize: 25, color: Colors.white54)),
                        Text('3', style: TextStyle(fontSize: 25, color: Colors.white54))
                      ],
                      buttonColors: [Colors.redAccent, Colors.black, Colors.black, Colors.black],
                    ),

/* -------------------------------- Column 5 -------------------------------- */

                    createButtonColumn(buttonAmount: 4, buttonContents: [
                        Text('=', style: TextStyle(fontSize: 25, color: Colors.black54)), 
                        Text('(', style: TextStyle(fontSize: 25, color: Colors.black54)),
                        Text(')', style: TextStyle(fontSize: 25, color: Colors.black54)),
                        Text('.', style: TextStyle(fontSize: 35, color: Colors.black54))
                      ],
                      buttonColors: [Colors.yellow[300], Colors.redAccent, Colors.redAccent, Colors.redAccent],
                    )
                  ],
                ),
              )
            ],
          )
        )
      )
    );
  }
}


/* -------------------------------------------------------------------------- */
/*                              Custom functions                              */
/* -------------------------------------------------------------------------- */

createButtonColumn({ int buttonAmount, List<Widget> buttonContents, bool buttonContentsAreSame = false, List<Color> buttonColors, bool buttonColorsAreSame = false, List<String> actionList }) {
  List<Widget> buttonList = [];

  if (!buttonContentsAreSame || !buttonColorsAreSame) {
    for (int i = 0; i < buttonContents.length; i++) {
      buttonList.add(createButton(content: buttonContents[i], color: buttonColors[i], action: actionList[i]));
    }
  } else {
      for (int x = 1; x <= buttonAmount; x++) {
        buttonList.add(createButton(content: buttonContents[0]));
      }      
  }

  return Expanded(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: buttonList
      ),
  );
}

createButton({ int flex = 1, Widget content, Color color, String action }) {
  return Expanded(
    child: RaisedButton(
      onPressed: () {
        setState() {

        }    
      },
      child: content,
      color: color
    ),
    flex: flex,
  );
}```

最佳答案

问题是您正在使用无状态类。将其更改为有状态的，它将接受setstate()。

import 'package:flutter/material.dart';

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

class MainScreen extends StatefulWidget {
  @override
  _MainScreenState createState() => _MainScreenState();
}

class _MainScreenState extends State<MainScreen> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: SafeArea(
        child: Scaffold(
          body: Column(
            // crossAxisAlignment: CrossAxisAlignment.stretch,
            children: <Widget>[
/* -------------------------------------------------------------------------- */
/*                               Display section                              */
/* -------------------------------------------------------------------------- */

              Column(
                crossAxisAlignment: CrossAxisAlignment.end,
                children: <Widget>[
                  Text('Hello World', style: TextStyle(fontSize: 50)),
                  SizedBox(height: 20),
                  Text('I\'m small', style: TextStyle(fontSize: 20)),
                  Container(width: double.infinity, height: 200),
                ],
              ),

/* -------------------------------------------------------------------------- */
/*                               Button section                               */
/* -------------------------------------------------------------------------- */

              Expanded(
                child: Row(
                  children: <Widget>[
/* -------------------------------- Column 1 -------------------------------- */

                    createButtonColumn(
                      buttonAmount: 4,
                      buttonContents: [
                        Text('+',
                            style:
                                TextStyle(fontSize: 25, color: Colors.black54)),
                        Text('8',
                            style:
                                TextStyle(fontSize: 25, color: Colors.white54)),
                        Text('4',
                            style:
                                TextStyle(fontSize: 25, color: Colors.white54)),
                        Text('0',
                            style:
                                TextStyle(fontSize: 25, color: Colors.white54))
                      ],
                      buttonColors: [
                        Colors.redAccent,
                        Colors.black,
                        Colors.black,
                        Colors.black
                      ],
                    ),

/* -------------------------------- Column 2 -------------------------------- */

                    createButtonColumn(
                      buttonAmount: 4,
                      buttonContents: [
                        Text('-',
                            style:
                                TextStyle(fontSize: 35, color: Colors.black54)),
                        Text('9',
                            style:
                                TextStyle(fontSize: 25, color: Colors.white54)),
                        Text('5',
                            style:
                                TextStyle(fontSize: 25, color: Colors.white54)),
                        Text('1',
                            style:
                                TextStyle(fontSize: 25, color: Colors.white54))
                      ],
                      buttonColors: [
                        Colors.redAccent,
                        Colors.black,
                        Colors.black,
                        Colors.black
                      ],
                    ),

/* -------------------------------- Column 3 -------------------------------- */

                    createButtonColumn(
                      buttonAmount: 4,
                      buttonContents: [
                        Text('*',
                            style:
                                TextStyle(fontSize: 25, color: Colors.black54)),
                        Text('<--',
                            style:
                                TextStyle(fontSize: 25, color: Colors.white54)),
                        Text('6',
                            style:
                                TextStyle(fontSize: 25, color: Colors.white54)),
                        Text('2',
                            style:
                                TextStyle(fontSize: 25, color: Colors.white54))
                      ],
                      buttonColors: [
                        Colors.redAccent,
                        Colors.black,
                        Colors.black,
                        Colors.black
                      ],
                    ),

/* -------------------------------- Column 4 -------------------------------- */

                    createButtonColumn(
                      buttonAmount: 4,
                      buttonContents: [
                        Text('/',
                            style:
                                TextStyle(fontSize: 25, color: Colors.black54)),
                        Text('AC',
                            style:
                                TextStyle(fontSize: 25, color: Colors.white54)),
                        Text('7',
                            style:
                                TextStyle(fontSize: 25, color: Colors.white54)),
                        Text('3',
                            style:
                                TextStyle(fontSize: 25, color: Colors.white54))
                      ],
                      buttonColors: [
                        Colors.redAccent,
                        Colors.black,
                        Colors.black,
                        Colors.black
                      ],
                    ),

/* -------------------------------- Column 5 -------------------------------- */

                    createButtonColumn(
                      buttonAmount: 4,
                      buttonContents: [
                        Text('=',
                            style:
                                TextStyle(fontSize: 25, color: Colors.black54)),
                        Text('(',
                            style:
                                TextStyle(fontSize: 25, color: Colors.black54)),
                        Text(')',
                            style:
                                TextStyle(fontSize: 25, color: Colors.black54)),
                        Text('.',
                            style:
                                TextStyle(fontSize: 35, color: Colors.black54))
                      ],
                      buttonColors: [
                        Colors.yellow[300],
                        Colors.redAccent,
                        Colors.redAccent,
                        Colors.redAccent
                      ],
                    )
                  ],
                ),
              )
            ],
          ),
        ),
      ),
    );
  }
  /* -------------------------------------------------------------------------- */
/*                              Custom functions                              */
/* -------------------------------------------------------------------------- */

  createButtonColumn(
      {int buttonAmount,
      List<Widget> buttonContents,
      bool buttonContentsAreSame = false,
      List<Color> buttonColors,
      bool buttonColorsAreSame = false,
      List<String> actionList}) {
    List<Widget> buttonList = [];

    if (!buttonContentsAreSame || !buttonColorsAreSame) {
      for (int i = 0; i < buttonContents.length; i++) {
        buttonList.add(createButton(
            content: buttonContents[i],
            color: buttonColors[i],
            action: actionList[i]));
      }
    } else {
      for (int x = 1; x <= buttonAmount; x++) {
        buttonList.add(createButton(content: buttonContents[0]));
      }
    }

    return Expanded(
      child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch, children: buttonList),
    );
  }

  createButton({int flex = 1, Widget content, Color color, String action}) {
    return Expanded(
      child: RaisedButton(
          onPressed: () {
            setState(() {
              debugPrint('Hello');
            });
          },
          child: content,
          color: color),
      flex: flex,
    );
  }
}

关于flutter - 不能引用setState()flutter，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/61499224/

文章推荐： .net-core - .Net Core HttpClient可以实现Http/2复用吗？

文章推荐： javascript - 填充数据列表中选项的更好方法

文章推荐： continuous-integration - Hudson 和 Jenkins 如何选择？

文章推荐： javascript - bing map v7 到 v8 迁移 - 脚本导入问题

javascript - (不能)在javascript中获取元素样式的一部分
我是 javascript 的新手(今天开始弄乱它)。我正在尝试更改名为“bar”的元素(div)的高度。条形图将成为图表的一部分。我可以毫无问题地将按钮连接到更改栏高度的函数。一切正常，除了条形
ios - 不能 "addSubView"
错误 -> “UIVIew”没有名为“addSubView”的成员 override func viewDidLoad() { super.viewDidLoad() // Do an
swift - 不能 CGEventTapCreate
我在命令行工具项目中复制并粘贴了 main.swift 下面链接中的代码。 How do you use CGEventTapCreate in Swift? 它构建没有错误，但是当我运行时， gua
c++ - 不能 dynamic_cast
我在尝试编译我的代码时遇到以下错误。 ERROR! ..\myCode\CPOI.cpp:68:41: error: cannot dynamic_cast 'screenType' (of type
不能 strcat_s 多个字符到字符串指针
我正在尝试将多个字符串连接到一个我已为其分配内存的字符串指针。这是一个例子: char *finalNumString = malloc(sizeof(char)*1024); finalNumStr
不能 dup2 将管道的末端写入标准输出
我在使用 dup2() 和 pipe() 时遇到问题。当我尝试将管道的写入端 dup2 到 STDOUT_FILENO 时，我收到了 EBADF。我用 gdb 在 dup2(pout[1], ST
Git:不能 pull
首先，我应该说我运行的是 Windows 7。因此，今天早上我尝试像往常一样从我的存储库中提取数据，但我做不到。我得到了错误: The authenticity of host 'github.co
python - 不能 "activate"virtualenv
刚开始在虚拟环境中运行Python，乱用Django，无法激活虚拟环境。花了最后 4 个小时尝试在本地终端/VS 代码上激活虚拟环境 (venv)，但没有成功。避免使用“sudo pip inst
r - 数据框可以做什么而 tibble 不能？
Tidyverse 的粉丝经常给出使用小标题而不是数据框的几个优点。它们中的大多数似乎旨在保护用户免于犯错误。例如，与数据框不同，小标题: 不需要 ,drop=FALSE不从数据中删除维度的论据。不
javascript - 不能 Dockerize Elm
我一直在对 Elm 应用程序进行 docker 化时遇到问题。据我所知，我已经创建了一个完整且有效的 Docker 文件……但它不起作用。我会解释的。所以我的脚本在 3 个文件中运行。首先是启动
java - 不能 Mockbean HttpServletResponse
我可以在 Controller 中使用@Autowired，例如 @RestController public class Index { @Autowired HttpServlet
function - 不能 `compose` 和方法和函数
我定义了一个方法和一个函数: def print(str:String) = println val intToString = (n:Int) => n.toString 现在我想创作它们。我的问
javascript - 不能 .map() 一个看似数组的值
当我控制台单独记录变量“pokemons”时，它确实返回一个数组。但是当我尝试映射它时，出现错误: TypeError: pokemons.map is not a function 我的代码: im
python - 不能 `import smtplib`
每当我尝试在 Python 解释器中导入 smtplib 时，都会收到此错误: ImportError: cannot import name fix_eols 我该如何解决这个问题？编辑:这是完整
javascript - 为什么 {{#each}} 可以正常工作而 {{#with}} 不能？
我正在使用 Meteor.js 开发一个项目，但在使用 Handlebar 时遇到了一些问题:我想检索集合的最后一项，并显示字段:其中包含 html 的文本: 这是我的javascript代码: Te
java - onTouchEvent 不能@Override
你好，我想使用 Service 实现 GestureDetector 但是我有这个错误The method onTouchEvent(MotionEvent) of type GestureServi
java - 不能@Autowired接口(interface)
我正在尝试在 Controller bean 中 Autowiring 接口(interface) 在我放置的上下文配置文件中和我的 Controller 类是 @Controller pub
c++ - 不能 #include
我试图在 mainwindow.cpp 中包含 QtSvg，但是当我编译时它说无法打开包含文件:QtSvg。我已经在我的 *.pro 文件中添加了这个(QT += svg)。我可以知道可能是什么问题吗
postgresql - 不能 100% 确定这是否安全
鉴于以下 PostgreSQL 代码，我认为这段代码不容易受到 SQL 注入(inject)攻击: _filter 'day' _start 1 _end 10 _sort 'article_name
MYSQL:不能/如何将子查询用作完全合格的 CTE
我想执行以下操作。这在 MySQL 中是非法的。 PostGRESQL 中关联的 CTE(“with”子句)有效。这里的假设是 MySQL 中的子查询不是完全限定的 CTE。请注意:这个查询显然非常

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

flutter - 不能引用setState()flutter