文章/答案/技术大牛

发布

问改变IconButton的颜色
EN

Stack Overflow用户

提问于 2022-02-11 09:59:46

回答 2查看 43关注 0票数 0

我实现了以下小部件：

TextFormField(
                  controller: _loginPageViewModel.passwordTEC,
                  obscureText: true,
                  decoration: InputDecoration(
                    hintText: S.of(context).password,
                    suffixIcon: IconButton(
                      onPressed: _loginPageViewModel.passwordTEC.clear,
                      icon: const Icon(Icons.clear),
                    ),
                  ),
                  validator: (value) {
                    if (value == null || value.isEmpty) {
                      return S.of(context).passwordValidation;
                    }
                    return null;
                  },
                )

同时，我正在实现ThemeData。我设法改变了InputDecoration的边框颜色，无论TextFormField是否有焦点，但是suffixIcon的颜色不同。ThemeData的哪些参数连接到suffixIcon的颜色，无论是在正常状态下还是在焦点上？干杯

flutter

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-02-11 10:08:26

下面是您想要实现的目标的代码：

为此，您需要使用ThemeData实现copyWith。

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData().copyWith(
        scaffoldBackgroundColor: Colors.white,
        colorScheme: ThemeData().colorScheme.copyWith(primary: Colors.green),
      ),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: MyWidget(),
        ),
      ),
    );
  }
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return const TextField(
      decoration: InputDecoration(
        prefixIcon: Icon(Icons.lock_outline),
        hintText: 'Username',
      ),
    );
  }
}

希望它能帮到你。如果你有什么问题请告诉我。

谢谢您:)

票数 1

Stack Overflow用户

发布于 2022-02-11 10:35:26

尝尝这个

主题: ThemeData().copyWith( colorScheme: ThemeData().colorScheme.copyWith(主: Colors.green，)，)，

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71078174

复制

相似问题

问改变IconButton的颜色
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问改变IconButton的颜色EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问改变IconButton的颜色
EN