libtxt: Text shadow

[cooler-king]

Add support for text shadowing as in CSS.

Or point me to it if it already exists; doesn't seem to be in TextStyle or TextDecoration.

[cooler-king]

So this won't be addressed any time soon?

[abarth]

Looks like this is currently prioritized as something we want in the intermediate term but not something we need immediately.

[dvdwasibi]

Customer Pink requires this feature.

[Hixie]

@dvdwasibi You can fake it for now by blurring one text widget at on offset, then putting another on top.

[collinjackson]

Here's an example of the workaround Ian mentioned.

https://stackoverflow.com/a/44324381/1463116

[Hixie]

The example uses BackdropFilter, which is likely quite slow. We should ideally implement ImageFilter (#13489) and then use that.

[eseidelGoogle]

customer: dream is also interested in this. We'll need to discuss their needs in more detail.

[denpalrius]

Eagerly hopeful for an easier way to achieve this, other than the BackdropFilter option

[sir-boformer]

Also waiting for this!

[morfinismo]

This is indispensable!

[rockingdice]

Need this really. Not a workaround but a solid feature.

[GaryQian]

PR:
#22449 (framework)
flutter/engine#6385 (engine)

[GaryQian]

Text shadows have landed with bdc3dda

To enable shadows, provide a List<Shadow> to TextStyle.shadows:

import 'dart:ui';

...

Text(
  'Hello, world!',
  style: TextStyle(
    shadows: <Shadow>[
      Shadow(
        offset: Offset(10.0, 10.0),
        blurRadius: 3.0,
        color: Color.fromARGB(255, 0, 0, 0),
      ),
      Shadow(
        offset: Offset(10.0, 10.0),
        blurRadius: 8.0,
        color: Color.fromARGB(125, 0, 0, 255),
      ),
    ],
  ),
),

...

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.