如何将flutter中的风格写成类

Question

假设我有很多使用相同样式的组件，但我希望它像在html和css 中那样编写为类

有没有办法做到这一点？顺便说一句，我是一年前开始编码的新手，我14岁了

Answer 1

我添加了一个只读文本字段的示例供您参考。

class ReadOnlyTextWidget extends StatefulWidget {
final TextEditingController controller;
final String label;
final Function() onPressedCallback;
const ReadOnlyTextWidget({
required this.controller,
required this.label,
required this.onPressedCallback,
Key? key,
}) : super(key: key);
@override
State<ReadOnlyTextWidget> createState() => _ReadOnlyTextWidgetState();
}
class _ReadOnlyTextWidgetState extends State<ReadOnlyTextWidget> {
@override
Widget build(BuildContext context) {
return TextFormField(
controller: widget.controller,
decoration: InputDecoration(
label: Text(widget.label),
hintText: 'Enter ${widget.label}',
border: const OutlineInputBorder(),
icon: TextButton.icon(
onPressed: widget.onPressedCallback,
label: const Text('Refresh'),
icon: const Icon(Icons.refresh),
)),
readOnly: true,
);
}
}