首页 > 解决方案 > 如何在颤动中更改TextField光标颜色

问题描述

我在 AppBar() 中使用 TextField 小部件

有一个问题,如您所见,当文本字段聚焦时,我无法设置光标颜色

通常,文本字段光标在聚焦时会闪烁。

在此处输入图像描述

我设置了光标颜色属性,appbar中的每个颜色属性,文本字段但它不起作用,即使文本字段提示文本也不起作用。

            appBar: AppBar(
              title: Card(
                margin: EdgeInsets.only(
                    top: common_gap * 1.5, bottom: common_gap * 1.5),
                child: TextField(
                  cursorColor: Constants.kPrimaryOrange,
                  controller: _controller,
                  focusNode: _focusNode,
                  onChanged: (value) {
                    setState(() {
                      _searchText = value;
                    });
                  },
                  decoration: InputDecoration(
                    prefixIcon: Icon(
                      Icons.search,
                      size: 20,
                    ),
                    suffixIcon: _controller.text.length != 0
                        ? IconButton(
                            icon: Icon(
                              Icons.cancel,
                              size: 20,
                              color: _searchText == ''
                                  ? Colors.transparent
                                  : Colors.black87,
                            ),
                            onPressed: () {
                              setState(() {
                                _controller.clear();
                                _searchText = '';
                                _focusNode.unfocus();
                              });
                            },
                          )
                        : Container(),
                  ),

                ),

你能告诉我如何解决这个问题吗?

标签: fluttercolorstextfield

解决方案


您可以为您的解决方案更改特定的文本字段光标颜色:

TextField(cursorColor: Colors.white)

但如果你想为你的所有项目更改它,那么你可以在这里查看


推荐阅读