No Text on the bottom of image

[patricktslee]

Hi all,

Hope you are doing well and safe. I used your flutter package drop_cap_text for Flutter Web, iOS and Android. However I don’t know why the text no completed shown only on Web page on iPhone Safari and Chrome.

But it is working fine only on Firefox browser on Ubuntu.

What’s wrong on my code? Please see my code for this page.

DropCapText( menuController.preachersMessagetext.value, dropCapPosition: DropCapPosition.end, textAlign: TextAlign.justify, style: TextStyle( fontFamily: 'NotoSans', fontSize: 22, // default is 16, color: dark, // default is Colors.black, fontWeight: FontWeight.bold), dropCap: DropCap( width: MediaQuery.of(context).size.width / 4, height: MediaQuery.of(context).size.width / 3, child: ClipOval( child: Image.asset( preachersPhoto, fit: BoxFit.cover, width: MediaQuery.of(context).size.width / 6, height: MediaQuery.of(context).size.width / 6, ), ), ), )

Thanks

Patrick Lee

[patricktslee]

I found the issue caused by Flutter run -d chrome --web-renderer html --release. If I run flutter build web --web-renderer canvaskit --release, it shows as normal.

Does it not works on the html renderer for Flutter Web?

[nacro90]

@patricktslee Just like you said, the renderer choice causes the problem for me too. Do you plan any fixes for the html rendering?