Flutter 如何显示当前日期和接下来的 5 天日期？

Question

我需要在文本小部件中显示当前日期和月份以及接下来 5 天的日期和月份。

就这样

                  Column(
                    children: [
                      Text('09'),
                      Text('Nov')
                    ],
                  )

我需要连续显示今天的日期或月份以及接下来 5 天的日期和月份。代码中的任何指南我该如何做这件事？

预期输出是

28NOV, 29NOV, 30NOV, 1Dec, 2Dec

Answer 1

一个简单的例子。未应用任何样式，根据您的需要进行调整。

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';

class MyScreen extends StatefulWidget {
  @override
  _MyScreenState createState() => _MyScreenState();
}

class _MyScreenState extends State<MyScreen> {
  final _currentDate = DateTime.now();
  final _dayFormatter = DateFormat('d');
  final _monthFormatter = DateFormat('MMM');

  @override
  Widget build(BuildContext context) {
    final dates = <Widget>[];

    for (int i = 0; i < 5; i++) {
      final date = _currentDate.add(Duration(days: i));
      dates.add(Column(
        children: [
          Text(_dayFormatter.format(date)),
          Text(_monthFormatter.format(date)),
        ],
      ));
    }

    return Scaffold(
      appBar: AppBar(
        title: Text('Tests'),
      ),
      body: Row(
        children: dates.map((widget) => Expanded(child: widget)).toList(),
      ),
    );
  }
}

还使用了 intl 库中的默认月份名称。您可能需要调整 i18n 的代码。