将 StatefulWidget 作为参数传递并访问其构造函数答案

【问题标题】：Passing a StatefulWidget as argument and accessing its Constructor将 StatefulWidget 作为参数传递并访问其构造函数
【发布时间】：2021-04-13 21:50:43
【问题描述】：

我创建了一个自定义 StatefulWidget，它接受 Widget 作为参数。

import 'package:flutter/material.dart';

class CustomWidget extends StatefulWidget {
  
  final Widget myWidget;
  CustomWidget({this.myWidget});
  
  @override
  _CustomWidgetState createState() => _CustomWidgetState();
}

class _CustomWidgetState extends State<CustomWidget> {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: widget.myWidget(name: 'ASAD'), //I want to achieve this
    );
  }
}

我正在传递另一个名为 Profile 的 StatefulWidget 作为该参数小部件。现在我想访问传递的小部件的构造函数。

import 'package:flutter/material.dart';

class Profile extends StatefulWidget {

  final String name;

  Profile({this.name});
  @override
  _ProfileState createState() => _ProfileState();
}

class _ProfileState extends State<Profile> {
  @override
  Widget build(BuildContext context) {
    return Center(child: Text('${widget.name}'),);
  }
}

我在这里使用CustomWidget，它以一个小部件作为参数

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

    class _MyHomePageState extends State<MyHomePage> {
    
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          body: CustomWidget(myWidget: Profile(),) //I don't want to pass the argument here
        );
      }
    }

我可以使用 typedef 完成类似的操作，但它开始抛出错误。

typedef CustomCallBack = Widget Function({String name});

class CustomWidget extends StatefulWidget {

  final CustomCallBack myWidget;
  CustomWidget({this.myWidget});

  @override
  _CustomWidgetState createState() => _CustomWidgetState();
}

class _CustomWidgetState extends State<CustomWidget> {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: widget.widget(name: 'ASAD'), //I'm able to access the constructor here but now I get an error.
    );
  }
}

错误

error: The argument type 'Profile' can't be assigned to the parameter type 'Widget Function({String name})'. (argument_type_not_assignable

注意：基于我正在开发但无法共享代码的应用程序，我重新创建了此场景，就问题而言是相同的。

【问题讨论】：

标签： flutter dart flutter-layout flutter-widget statefulwidget

【解决方案1】：

请尝试使用这个：

import 'package:flutter/material.dart';

typedef CustomCallBack = Widget Function(String name);

class CustomWidget extends StatefulWidget {
  final CustomCallBack myWidget;

  CustomWidget({this.myWidget});

  @override
  _CustomWidgetState createState() => _CustomWidgetState();
}

class _CustomWidgetState extends State<CustomWidget> {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: widget.myWidget(
          'ASAD'), //I'm able to access the constructor here but now I get an error.
    );
  }
}

class Profile extends StatefulWidget {
  final String name;

  Profile({this.name});

  @override
  _ProfileState createState() => _ProfileState();
}

class _ProfileState extends State<Profile> {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Text('${widget.name}'),
    );
  }
}

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

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: CustomWidget(
      myWidget: (name) => Profile(
        name: name,
      ),
    ) //I don't want to pass the argument here
        );
  }
}

【讨论】：

我能看到的唯一区别是命名参数！
@ASADHAMEED 是的，这解决了你的问题！

【解决方案2】：

尝试将 CustomWidget 小部件child: widget.widget(name: 'ASAD') 中的这一行更改为您仅传递的小部件，而不放置(name: 'ASAD')。

所以当你传递 Profile Widget 时，你必须指定 name 参数的值！

body: CustomWidget(myWidget: Profile(name: 'ASAD'),)

【讨论】：

我不能，我的要求不允许我这样做。