如何在自定义TextField-Flutter中设置控制器和焦点节点

Question

我正在尝试创建带有下拉列表的自定义TextField小部件。我想给它控制器和焦点节点的参数。我不希望它们是必需的，但如果不是，我就不能为Controller()和FocusNode()设置它们。我不能让它们具有null值，因为我已经在类中使用了它们。我不知道该怎么做。这是我所拥有的：

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
class DropdownText extends StatefulWidget {
final TextEditingController controller;
final FocusNode focusNode;
const DropdownText({Key key, this.controller, this.focusNode}) : super(key: key);
@override
_DropdownTextState createState() => _DropdownTextState();
}
class _DropdownTextState extends State<DropdownText> {
bool _show = false;
@override
void initState() {
super.initState();
widget.focusNode.addListener(listener);
}
void listener(){
if(widget.focusNode.hasFocus){
setState(() {
_show = true;
});
}else{
setState(() {
_show = false;
});
}
}
}

当有人触摸其中一个选项来更改上面写的内容时，我已经在这个类中处理了我的TextField的文本(使用controller.text(。我有没有办法像TextField那样让我的小部件的用户访问controller和focusNode？

附言：英语不是我的第一语言，我开始用面向对象编程。

Answer 1

您可以在_DropdownTextState中使用两个单独的对象，并在initState()中初始化它们。

签出以下代码。

class _DropdownTextState extends State<DropdownText> {
TextEditingController _controller;
FocusNode _focusNode;
bool _show = false;
@override
void initState() {
super.initState();
if (widget.controller != null)
_controller = widget.controller;
else
_controller = TextEditingController();
if (widget.focusNode != null)
_focusNode = widget.focusNode;
else
_focusNode = FocusNode();
_focusNode.addListener(listener);
}
@override
void dispose() {
super.dispose();
_controller?.dispose();
_focusNode?.dispose();
}
void listener() {
if (widget.focusNode.hasFocus) {
setState(() {
_show = true;
});
} else {
setState(() {
_show = false;
});
}
}
@override
Widget build(BuildContext context) {
return TextField(
focusNode: _focusNode,
controller: _controller,
);
}
}

希望有帮助：(