flutter - Flutter - 将数据解析为 statefulWidget

Question

我是 Flutter 的新手。我有一个库存问题。我正在尝试将数据从一个小部件解析到另一个 StatefulWidget。

我有这个小部件，我尝试从中解析数据

class MaltInput extends StatefulWidget {
  @override
  _MaltInputState createState() => _MaltInputState();
}

class _MaltInputState extends State<MaltInput> {

  List<String> malt = ['Malt 1', 'Malt 2', 'Malt 3'];
  String maltpick = "";


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Malt input'),

      ),
      body: ListView.builder(
        itemCount: malt.length,
        itemBuilder: (context, index){
          return Card(
            child: ListTile(
              onTap: (){
                Navigator.push(
                    context,
                    MaterialPageRoute(
                    builder: (context) => Test(malt[index]),
                ));
              },
              title: Text(malt[index]),
            ),
          );
        },
      ),
    );
  }
}

解析到这个小部件

class Test extends StatefulWidget {

  String malt;
  Test({this.malt});

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


class _TestState extends State<Test> {
  String malt;
  _TestState({this.malt});

  List<String> items = [];

  final TextEditingController ectrl = TextEditingController();
  
  @override

  Widget build(BuildContext context) {

    String maltpick;
    maltpick = (widget.malt);

    //widget.malt = "";

    return Scaffold(
      appBar: AppBar(
        title: Text('Dynamic content'),
      ),
      body: Column(
        children: <Widget>[
//
        RaisedButton(
          child: Text('Add malt'),
          onPressed: (){
            Navigator.push(context, MaterialPageRoute(builder: (BuildContext context) => MaltInput()));
          }
        ),


          Text('Header.....'),
          Text(maltpick),

          Expanded(
            child: ListView.builder(
                itemCount: items.length,
                itemBuilder: (BuildContext ctxt, int Index){
                  return Text(items[Index]);
                }
            ),),
        ],
      ),
    );
  }
}

错误在这一行：builder: (context) => Test(malt[index]), Error code: Error: Too many positional arguments: 0 allowed, but 1 found. 尝试删除额外的位置参数。builder: (context) => Test(malt[index]),

标签： flutter

Answer 1

如果您在构造函数中使用命名参数 - {} 中的参数

Test({this.malt});

你需要像这样调用它

MaterialPageRoute(builder: (context) => Test(malt: malt[index]))

您可以在此处查看有关不同类型参数的文档。