The content are not fitted with the card

[SirMajed]

Hello, So I have this code

return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 15),
      child: ExpansionCard(
        borderRadius: 20,
        background: Image.asset(
          "assets/solar.gif",
          fit: BoxFit.cover,
        ),
        title: Container(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              Text(
                "${note.getTitle()}",
                style: TextStyle(
                  fontSize: 30,
                  color: Colors.white,
                  fontFamily: 'BalooBhai',
                ),
              ),
              Text(
                "${note.getReadableDate()}",
                style: TextStyle(
                  fontSize: 20,
                  color: Colors.white,
                  fontFamily: 'BalooBhai',
                ),
              ),
            ],
          ),
        ),
        children: <Widget>[
          Container(
            alignment: Alignment.centerLeft,
            margin: EdgeInsets.symmetric(horizontal: 7, vertical: 10),
            padding: EdgeInsets.symmetric(horizontal: 12),
            child: Text(
              "${note.getDescription()}",
              // overflow: TextOverflow.ellipsis,
              // maxLines: 4,
              style: TextStyle(
                fontSize: 20,
                fontFamily: 'BalooBhai',
                color: Colors.white,
              ),
            ),
          )
        ],
      ),
    );

but the content which is the description are going out of the card. any solutions for that?
Example:

[SirMajed]

Any help, please?

[SirMajed]

Still waiting for a response, thank you

[anirudhsharma392]

Sorry Ahmed !
But I am running a bit busy this week (due to workload), but I'll definitely try to update the package by this weekend.

[SirMajed]

Sorry Ahmed !
But I am running a bit busy this week (due to workload), but I'll definitely try to update the package by this weekend.

I really appreciate you, thank you so much! I'm waiting. and I hope you do well in your work

[lecuseasar]

children: [

    Container(
      alignment: Alignment.centerLeft,
      margin: EdgeInsets.symmetric(horizontal: 7, vertical: 10),
      padding: EdgeInsets.symmetric(horizontal: 12),
      child: FittedBox(
        child: Text(
          "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque feugiat libero arcu, vitae tristique quam volutpat sed. Curabitur velit enim, feugiat nec dui ac, pretium mattis lacus. Sed scelerisque ",
          // overflow: TextOverflow.ellipsis,
          // maxLines: 4,
          style: TextStyle(
            fontSize: 20,
            color: Colors.white,
          ),
        ),
      ),
    )
  ],

You can solve the problem if you wrap the Text widget with the FittedBox widget.

[Edit] the same way you can use the Expanded Widget.

[SirMajed]

way you can

Thank you but it didn't work, the text are so small now and in one line only.
like this:

[lecuseasar]

way you can

Thank you but it didn't work, the text are so small now and in one line only.
like this:

I hope this will solve your problem

https://gist.github.com/EmrePbu/fd6c8fb064467a42473ce2313870c2f6

Screen_Recording_20210312-101914.mp4

[SirMajed]

way you can

Thank you but it didn't work, the text are so small now and in one line only.
like this:

I hope this will solve your problem

https://gist.github.com/EmrePbu/fd6c8fb064467a42473ce2313870c2f6

Screen_Recording_20210312-101914.mp4

Thank you so so much that really worked and helped. I also wrapped the SingleChildScrollView with Scrollbar and it looks more awesome now!! Thank you