☰

Flutter TextField を選択するとアイコンの色が変更されます 質問する

tag-icon • tag-icon flutter dart
Flutter TextField を選択するとアイコンの色が変更されます 質問する

目標:をクリックしたときに、prefixIconの横にあるの色を変更します。TextFieldTextField

TextField(
  decoration: InputDecoration(
    prefixIcon: Icon(Icons.lock_outline),
    hintText: 'Username'
  )
)

ベストアンサー1

選択すると、テーマのアプリの色が表示されますprimaryColor:。

変更する方法の 1 つはThemeウィジェットを使用することです。

 Theme(
                              child: TextField(
                                decoration: InputDecoration(
                                  prefixIcon: Icon(Icons.email),
                                  labelText: "Email",
                                  hintText: "[email protected]",
                                ),
                                autofocus: true,
                              ),
                              data: Theme.of(context)
                                  .copyWith(primaryColor: Colors.redAccent,),
                            ),

その他はテーマレベルprimaryColorで変更します。MaterialApp

おすすめ記事