☰

Flutterでテキストに影を追加するにはどうすればいいですか? 質問する

tag-icon • tag-icon flutter dart text shadow
Flutterでテキストに影を追加するにはどうすればいいですか? 質問する

TextStyle で影のオプションを探しましたが、見つかりませんでした。そこで質問です: Flutter でテキストに影を追加するにはどうすればいいでしょうか? 可能ですか? 例:

new Text(
"asd"
style: new TextStyle( 
//add shadow?
));

ベストアンサー1

テキストシャドウは、現在、のプロパティですTextStyle。このコミット

テキストシャドウを有効にするには、最新バージョンの Flutter ( $ flutter upgrade) を使用していることを確認し、List<Shadow>に次の情報を入力してください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),
      ),
    ],
  ),
),

...

影は指定された順序で描画されることに注意してください。

おすすめ記事