如何将void函数放到单独dart文件的单独页面中

siv3szwd 于 2022-12-30 发布在其他

关注(0)|答案(1)|浏览(158)

我使用了一个switch case void函数，根据用户在开始时输入的内容，用小部件填充应用程序的一部分。
下面是void函数一小部分：

var DisplayLeft = Container();

void Display(String selected) {
  switch (selected) {
    case 'option 1':
      tacOpDisplayLeft = Container(
        child: Column(
          children: [
            Button3(
              onTap: (val) {
                setState(() {
                  selected = val;
                });
              },
            ),
            Button5(
              onTap: (val) {
                setState(() {
                  selected = val;
                });
              },
            ),
          ],
        ),
      );
      break;
    case 'option 2':
      tacOpDisplayLeft = Container(
        child: Column(
          children: [
            Button1(
              onTap: (val) {
                setState(() {
                  selected = val;
                });
              },
            ),
            Button3(
              onTap: (val) {
                setState(() {
                  selected = val;
                });
              },
            ),
            Button7(
              onTap: (val) {
                setState(() {
                  selected = val;
                });
              },
            ),
          ],
        ),
      );
      break;

default:
      DisplayLeft = Container();
      break;
  }
}

当void函数在我的主有状态小部件中时，它工作正常。问题是void函数非常长，我希望将它移动到它自己的类中，然后我可以调用它。我尝试将它放在它自己的类Display{}中，但随后SetState抛出并出错，因为它不在有状态的小部件中。是否可以像我对组成按钮的无状态小部件所做的那样，将onTap传递出类？
非常感谢，任何帮助都非常感谢。

dart

来源：https://stackoverflow.com/questions/74934508/how-to-put-a-void-function-into-a-separate-page-on-a-separate-dart-file

1条答案

按热度按时间

x8diyxa71#

你可以这样做，比如：
正如我所评论的，创建一个接受Function的 * 单独 * StatefulWidget：

class Display extends StatefulWidget {
  final String selected;
  final Function onSelected;
  const Display({Key? key, required this.selected, required this.onSelected})
      : super(key: key);

  @override
  State<Display> createState() => _DisplayState();
}

class _DisplayState extends State<Display> {
  // --> Using `late` since we're initializing it later on - in initState.
  late Widget tacOpDisplayLeft;

  void display(String selected) {
    switch (selected) {
      case 'option 1':
        tacOpDisplayLeft = Container(
          child: Column(
            children: [
              Button3(
                onTap: (val) {
                  widget.onSelected(val);
                },
              ),
              Button5(
                onTap: (val) {
                  widget.onSelected(val);
                },
              ),
            ],
          ),
        );
        break;

      default:
        tacOpDisplayLeft = Container();
        break;
    }
  }

  @override
  void initState() {
    tacOpDisplayLeft = Container();
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return tacOpDisplayLeft;
  }
}

现在你可以在一个 separate 类中调用它：

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  var _tacOpSelected = 'option 1';
  @override
  Widget build(BuildContext context) {
    return Display(
      selected: 'option 1',
      onSelected: (val) {
        setState(() {
          _tacOpSelected = val;
        });
      },
    );
  }
}

赞(0）回复(0）举报 2022-12-30

我来回答

如何将void函数放到单独dart文件的单独页面中

1条答案

相关问题

热门标签

最新问答