首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >类型'MappedListIterable<String,Widget>‘不是'List<Widget>’的子类型

类型'MappedListIterable<String,Widget>‘不是'List<Widget>’的子类型
EN

Stack Overflow用户
提问于 2021-05-06 10:15:32
回答 1查看 197关注 0票数 0

在这里,我希望分别在他们自己的容器中显示来自Iterable列表中的每个元素,并将它们包装起来,以便它们均匀地分布在屏幕上,但是它给了我错误Iterable不是列表的一个子类型。我甚至在映射之前把它转换成列表。有人能帮忙吗?

代码语言:javascript
复制
import 'package:flutter/material.dart';

class Time extends StatefulWidget {
  @override
  _TimeState createState() => _TimeState();
}

class _TimeState extends State<Time> {
  String time = "Press Button to see time";
  @override
  Widget build(BuildContext context) {
    TimeOfDay startTime = TimeOfDay(hour: 01, minute: 00);
    final endTime = TimeOfDay(hour: 23, minute: 59);
    final step = Duration(minutes: 5);

    Iterable<TimeOfDay> getTimes(
        TimeOfDay startTime, TimeOfDay endTime, Duration step) sync* {
      var hour = startTime.hour;
      var minute = startTime.minute;

      do {
        yield TimeOfDay(hour: hour, minute: minute);
        minute += step.inMinutes;
        while (minute >= 60) {
          minute -= 60;
          hour++;
        }
      } while (hour < endTime.hour ||
          (hour == endTime.hour && minute <= endTime.minute));
    }

    final times = getTimes(startTime, endTime, step)
        .map((tod) => tod.format(context))
        .toList();

    return Scaffold(
      body: SafeArea(
        child: Wrap(
          direction: Axis.horizontal,
          children: times.map<Widget>(
            (t) => Container(
              margin: EdgeInsets.all(10.0),
              decoration: BoxDecoration(
                border: Border.all(
                  color: Colors.deepOrange,
                  width: 1,
                ),
                borderRadius: BorderRadius.circular(
                  10.0,
                ),
              ),
              padding: EdgeInsets.all(10.0),
              child: Text(t),
            ),
          ),
        ),
      ),
    );
  }
}

调试控制台显示

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-05-06 10:36:22

您需要像这样添加.toList()函数

代码语言:javascript
复制
return Scaffold(
  body: SafeArea(
    child: Wrap(
      direction: Axis.horizontal,
      children: times
          .map<Widget>(
            (t) => Container(
              margin: EdgeInsets.all(10.0),
              decoration: BoxDecoration(
                border: Border.all(
                  color: Colors.deepOrange,
                  width: 1,
                ),
                borderRadius: BorderRadius.circular(
                  10.0,
                ),
              ),
              padding: EdgeInsets.all(10.0),
              child: Text(t),
            ),
          )
          .toList(),
    ),
  ),
);
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67416118

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档