Flutter通用文本输入框封装：兼顾跨平台与开源鸿蒙特性（从入门到实践）

    class CustomTextField extends StatelessWidget {  final TextEditingController controller;  final String hintText;  final bool obscureText;  final TextInputType keyboardType;  final Function(String) onChanged;  const CustomTextField({    Key? key,    required this.controller,    required this.hintText,    this.obscureText = false,    this.keyboardType = TextInputType.text,    required this.onChanged,  }) : super(key: key);  @override  Widget build(BuildContext context) {    return Container(      margin: EdgeInsets.symmetric(vertical: 8),      child: TextField(        controller: controller,        obscureText: obscureText,        keyboardType: keyboardType,        onChanged: onChanged,        decoration: InputDecoration(          hintText: hintText,          border: OutlineInputBorder(            borderRadius: BorderRadius.circular(8),          ),          contentPadding: EdgeInsets.symmetric(horizontal: 12, vertical: 10),        ),      ),    );  }}  

四、使用示例与效果展示

在Android、iOS和鸿蒙设备上，该组件表现一致，且能根据平台自动调整样式。通过简单的参数配置，即可满足大部分业务场景。

五、总结与扩展

通过本次Flutter文本输入框封装实践，我们不仅提升了跨平台开发的效率，还为开源鸿蒙的适配打下了基础。未来可以将其集成到Flutter组件库中，提供给团队使用，进一步扩展如表单验证、主题切换等功能。

希望本文能帮助你更好地理解和封装Flutter组件，如果你有任何问题，欢迎交流讨论。