如何增加集装箱高度？

Question

我想要一个看起来像这样的东西，里面只有一个月

现在，我正在做一些看起来像这样的东西，请参阅月份部分。

我无法做到这一点，无法增加容器高度。

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:plates/Helpers/constant.dart';
import 'package:plates/pages/ChartScreen/bloc/chart_screen_bloc.dart';

class MonthButton extends StatefulWidget {
  final String month;
  final bool isSelected;
  final VoidCallback onSelect;

  MonthButton(
      {required this.month, required this.isSelected, required this.onSelect});

  @override
  State<MonthButton> createState() => _MonthButtonState();
}

class _MonthButtonState extends State<MonthButton> {
  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () {
       //some code
      },
      child: Container(
        width: 100, // Adjust the width according to your requirement
        margin: const EdgeInsets.all(8.0),
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(8.0),
          border: Border.all(
            color: widget.isSelected
                ? Colors.blueAccent
                : Colors.black, // Apply border color based on selection
          ),
        ),
        child: Center(
          child: Text(
            widget.month,
            style: const TextStyle(fontSize: 18),
          ),
        ),
      ),
    );
  }
}

Answer 1

尝试下面的代码：

SizedBox(
      height: 100,
      child: ListView.builder(
        itemCount: 20,
        shrinkWrap: true,
        scrollDirection: Axis.horizontal,
        itemBuilder: (context, index) {
          return Container(
            padding: EdgeInsets.symmetric(horizontal: 5, vertical: 5),
            margin: EdgeInsets.symmetric(horizontal: 5,vertical: 5),
            decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(20),
                border: Border.all(color: Colors.grey)),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.start,
              mainAxisSize: MainAxisSize.min,
              children: [
                Text('Jun'),
                SizedBox(
                  height: 5,
                ),
                Text('16'),
                SizedBox(
                  height: 5,
                ),
                Text('Mon'),
                SizedBox(
                  height: 5,
                ),
              ],
            ),
          );
        },
      ),
    ),

结果：