flutter - Flutter可重复使用的文本字段及其样式

Question

我最近开始学习Flutter，想知道如何编写代码来显示相同​​大小的框，文本样式和装饰的多个文本字段。我已经编写了代码，其中我需要为每个新输入使用文本字段，而不是编写一个虚拟对象，并在需要文本字段并更改提示文本的地方调用它。假设我要在我的所有文本字段中使用这些结构，但是不想再次使用不同的hintText编写整个代码

                          SizedBox(height: 20),
                          Container(
                            //Type TextField
                            width: width * 0.8,
                            height: height * 0.053,
                            color: fcolor,
                            child: TextField(
                              decoration: InputDecoration(
                                contentPadding: EdgeInsets.all(10.0),
                                enabledBorder: UnderlineInputBorder(
                                  borderSide: BorderSide(color: Colors.white),
                                ),
                                hintText: 'Type',
                                hintStyle: TextStyle(color: tcolor),
                              ),
                              style: TextStyle(color: icolor),
                            ),
                          ),

Answer 1

您可以创建一个Widget并传递hintText和其他您想要的属性(作为参数)，如下所示:

Widget _buildTextField({String hintText, // add other properties here}) { // new 
  return Container(
    //Type TextField
    width: width * 0.8,
    height: height * 0.053,
    color: fcolor,
    child: TextField(
      decoration: InputDecoration(
        contentPadding: EdgeInsets.all(10.0),
        enabledBorder: UnderlineInputBorder(
          borderSide: BorderSide(color: Colors.white),
        ),
        hintText: hintText, // pass the hint text parameter here
        hintStyle: TextStyle(color: tcolor),
      ),
      style: TextStyle(color: icolor),
    ),
  );
}

然后在 _buildTextField或 StatelessWidget中使用 StatefulWidget方法，如下所示:

class StackOver extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
          body: Column(
        children: [
          _buildTextField(hintText: 'First Name'),
          SizedBox(height: 20,),
          _buildTextField(hintText: 'Last Name'),
        ],
      ),
    );
  }
}