我如何设置卡片的高度并使其灵活？

Question

I want set minimal height to screen bottom for my film decription card, and resizing and sroll it when description is big. I try to do like this, but when discription is small, card getting smaller and seems so bad.

_screenHalf = (MediaQuery.of(context).size.height - AppBar().preferredSize.height) / 2;

   Widget _buildFilmDescriptionPage() {
    return Hero(
      tag: '$name',
      child: Container(
        width: double.infinity,
        decoration: BoxDecoration(
          image: DecorationImage(
              image: ExactAssetImage(image),
              fit: BoxFit.cover,
              alignment: Alignment.topCenter),
        ),
        child: _buildFilmDescriptionCard()
      ),
    );
  }

  ListView _buildFilmDescriptionCard() {
    return ListView(
          children: <Widget>[
             Card(
                elevation: 5,
                clipBehavior: Clip.hardEdge,              
                margin: EdgeInsets.only(top: _screenHalf),
                shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.vertical(
                      top: Radius.circular(20)
                    )
                ),
                child: Column(
                    children: <Widget>[
                      Container(
                        margin: const EdgeInsets.only(
                            top: 5, bottom: 5, left: 10, right: 10),
                        child: Text(
                          name,
                          style: TextStyle(
                            fontSize: 18,
                            color: Colors.black,
                          ),
                        ),
                      ),
                      Container(
                        margin: const EdgeInsets.only(
                            top: 5, bottom: 5, left: 10, right: 10),
                        child: Text(
                          date,
                          style: TextStyle(
                            fontSize: 14,
                            color: Colors.black,
                          ),
                        ),
                      ),
                      Container(
                          margin: const EdgeInsets.only(
                              top: 5, bottom: 5, left: 10, right: 10),
                          child: Text(
                            description,
                            style: TextStyle(
                              fontSize: 14,
                              color: Colors.black,
                            ),
                          ),
                        ),
                    ],
                  ),
              ),
          ],
        );
  }

Answer 1

I want set minimal height to screen bottom for my film decription card, and resizing and sroll it when description is big. I try to do like this, but when discription is small, card getting smaller and seems so bad.

_screenHalf = (MediaQuery.of(context).size.height - AppBar().preferredSize.height) / 2;

   Widget _buildFilmDescriptionPage() {
    return Hero(
      tag: '$name',
      child: Container(
        width: double.infinity,
        decoration: BoxDecoration(
          image: DecorationImage(
              image: ExactAssetImage(image),
              fit: BoxFit.cover,
              alignment: Alignment.topCenter),
        ),
        child: _buildFilmDescriptionCard()
      ),
    );
  }

  ListView _buildFilmDescriptionCard() {
    return ListView(
          children: <Widget>[
             Card(
                elevation: 5,
                clipBehavior: Clip.hardEdge,              
                margin: EdgeInsets.only(top: _screenHalf),
                shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.vertical(
                      top: Radius.circular(20)
                    )
                ),
                child: Column(
                    children: <Widget>[
                      Container(
                        margin: const EdgeInsets.only(
                            top: 5, bottom: 5, left: 10, right: 10),
                        child: Text(
                          name,
                          style: TextStyle(
                            fontSize: 18,
                            color: Colors.black,
                          ),
                        ),
                      ),
                      Container(
                        margin: const EdgeInsets.only(
                            top: 5, bottom: 5, left: 10, right: 10),
                        child: Text(
                          date,
                          style: TextStyle(
                            fontSize: 14,
                            color: Colors.black,
                          ),
                        ),
                      ),
                      Container(
                          margin: const EdgeInsets.only(
                              top: 5, bottom: 5, left: 10, right: 10),
                          child: Text(
                            description,
                            style: TextStyle(
                              fontSize: 14,
                              color: Colors.black,
                            ),
                          ),
                        ),
                    ],
                  ),
              ),
          ],
        );
  }