Flutter 日期的水平滚动视图

Flutter 日期的水平滚动视图,flutter,Flutter,我想在水平滚动视图中显示一个月的所有日期。我显示了7个当前的星期日期,在滚动上它应该显示其他星期日期。这是我的密码。此代码中的Scroll不起作用。我也尝试过添加singlechild滚动视图,但不起作用 //////Days Displayed here/////// new Padding( padding: new EdgeInsets.onl

我想在水平滚动视图中显示一个月的所有日期。我显示了7个当前的星期日期,在滚动上它应该显示其他星期日期。这是我的密码。此代码中的Scroll不起作用。我也尝试过添加singlechild滚动视图,但不起作用

                        //////Days Displayed here///////
                        new Padding(
                          padding: new EdgeInsets.only(
                            top: 10.0, bottom: 5.0
                          ),
                          child: new Container(
                            width: 35.0,
                            height: 35.0,
                            alignment: Alignment.center,
                            decoration: new BoxDecoration(
                              shape: BoxShape.circle,
                              color: today
                                ? const Color.fromRGBO(204, 204, 204, 0.3)
                                : Colors.transparent
                            ),
                            child: new Column(
                              mainAxisAlignment: MainAxisAlignment.center,
                              children: <Widget>[
                                GestureDetector(
                                  onTap: () {
                                    print('OnTapped');
                                  },
                                  child: new Text(
                                    arrayDay[i].toString(),
                                    style: new TextStyle(
                                      fontSize: 12.0,
                                      fontWeight: FontWeight.w400
                                    ),
                                  ),
                                ),
                              ],
                            )
                          ),
                        )

arrayDay包含所有日期。请帮忙。如何做到这一点?

我建议使用PageView,这就是它的用途,它提供了抓拍功能,使一切变得更加简单。下面是一个代码示例:

  Widget _daysOfWeek(int week) {
    return Row(
      children: <Widget>[
        Text("display here days of week " + week.toString()),
      ],
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        width: 200,
        height: 200,
        child: PageView(
          children: <Widget>[
            _daysOfWeek(1),
            _daysOfWeek(2),
            _daysOfWeek(3),
            _daysOfWeek(4),
          ],
        ),
      ),
    );
  }
在函数_daysOfWeek中,您可以根据我们所在的页面显示日期


请参阅此处的工作示例:

使用或其他日历插件可能是您所需要的,而不是自己编写。如果可能,您可以分享您想要实现的屏幕截图吗?谢谢。它是水平滚动的吗?是的,你可以在dartpad上玩它:也可以更改滚动方向属性。我尝试过使用它,但是文本会自动滚动,而不是7天。您可以将7天放在文本所在的行中。我现在尝试使用这个。但不工作:小部件_daysofweekintweek{forint i=0;i