继承 TextField Widget 的属性以在 Flutter 中创建自定义样式的 TextField Widget答案

【问题标题】：Inherit Properties of TextField Widget to create a custom styled TextField Widget in Flutter继承 TextField Widget 的属性以在 Flutter 中创建自定义样式的 TextField Widget
【发布时间】：2020-10-10 11:20:50
【问题描述】：

有没有人知道如何创建可重复使用的样式化小部件？例如，我想创建一个小部件，它是一个应用了某些特定样式的 TextField。它应该仍然具有普通 TextField 的所有功能。

我尝试扩展 TextField 但这不起作用。

有效的是返回一个 TextField 并应用所有样式，但是我不知道如何在 StyledWidget 上获取 onChanged、onSaved 等。

我真的需要手动编码所有属性，然后将它们放在样式化小部件的返回方法中的 TextField 上吗？或者在 React 和 React Native 中是否有类似 ...props 的东西？

没有在网上找到任何关于此的内容。

【问题讨论】：

一旦你设置了一个小部件的样式> 复制风格化的小部件 > 创建新的 statefulwidget > 通过粘贴返回风格化的小部件，那个简单的伙伴，走的路
@iamyadunandan 问题是如果我这样做，我将无法将参数传递给样式化小部件。例如，如果我制作了一个样式化的文本字段，我就不能添加 labelText 等。
将参数传递给小部件构造函数，之后您可以在对象状态下使用小部件变量访问它们
感谢您的快速响应！所以基本上我需要将文本字段的所有可能参数传递给我的自定义小部件的构造函数？有没有更快或更干的方法？

标签： reactjs flutter widget

【解决方案1】：

伪代码

AStatefulWidget{
String name;
 AStatefulWidget({this.name}){
  
 }
}

AStatefulWidgetState{
 build(){
  return Text(widget.name);
 }
}

您可以在传递名称参数的同时使用这样的小部件

child: AStatefulWidget(name : 'yadunandan'),

【讨论】：