Flutter 从字符串列表创建小部件列表并获取错误

Question

我正在尝试将字符串列表转换为小部件列表，这些小部件是通过文本编辑/文本编辑控制器在前一个小部件中动态生成的。

我已将动态列表 names 拉入一个新的有状态小部件。

class NameMachine extends StatefulWidget {
  final List<String> names;

  NameMachine({Key key, @required this.names}) : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return _NameMachineState(names);
  }
}

class _NameMachineState extends State<NameMachine> {
  final List<String> names;
 @override
  Widget build(BuildContext context) {

然后我尝试创建一个小部件列表，但遇到了静态成员和初始化程序的问题。

final List<Widget> nameSlots = ...(names)
      .map(
        (names) => Container(
          padding: EdgeInsets.all(4.0),
          color: Colors.white,
          child: Text(
            names,
            textScaleFactor: 1.2,
            textAlign: TextAlign.center,
          ),
          width: double.infinity,
          height: double.infinity,
        ),
      )
      .toList();

Answer 1

试试这个：

import "package:flutter/material.dart";

class NameMachine extends StatefulWidget {
  final List<String> names;

  NameMachine({Key key, @required this.names}) : super(key: key);

  @override
  State<StatefulWidget> createState() => _NameMachineState();
}

class _NameMachineState extends State<NameMachine> {
 List<Widget> nameSlots;
 @override
 void initState(){
    super.initState();

    //the code below takes the argument passed to the constructor and 
    //map each item of the list to a Container widget and stores the result in nameSlots

    nameSlots = widget.names 
    .map(
    (names) => Container(
      padding: EdgeInsets.all(4.0),
      color: Colors.white,
      child: Text(
        names,
        textScaleFactor: 1.2,
        textAlign: TextAlign.center,
      ),
      width: double.infinity,
      height: double.infinity,
    ),
  )
  .toList();
 }
 @override
  Widget build(BuildContext context) {
        //some code
    }
}

我们在这里所做的是使用列表上的 map 方法，而不是列表中的每个项目（...(names) 获取列表中的每个项目）并将每个项目映射到一个小部件。

Answer 2

class NameMachine extends StatefulWidget {
  final List<String> names;

  NameMachine({Key key, @required this.names}) : super(key: key);

  @override
  State<StatefulWidget> createState() => _NameMachineState();
}

class _NameMachineState extends State<NameMachine> {
 List<Widget> names;
 @override
 void initState(){
    super.initState();
    names = widget.names
    .map(
    (names) => Container(
      padding: EdgeInsets.all(4.0),
      color: Colors.white,
      child: Text(
        names,
        textScaleFactor: 1.2,
        textAlign: TextAlign.center,
      ),
      width: double.infinity,
      height: double.infinity,
    ),
  )
  .toList();
 }
 @override
  Widget build(BuildContext context) {

my 中可能存在一些语法错误，但这可能会对您有所帮助。