Flutter 中 如何构建自定义 Widgets

如何构建自定义 Widgets
在Android中，您通常会继承View或已经存在的某个控件，然后覆盖其绘制方法来实现自定义View。

在Flutter中，一个自定义widget通常是通过组合其它widget来实现的，而不是继承。

我们来看看如何构建持有一个label的CustomButton。这是通过将Text与RaisedButton组合来实现的，而不是扩展RaisedButton并重写其绘制方法实现：

class CustomButton extends StatelessWidget {
  final String label;
  CustomButton(this.label);

  @override
  Widget build(BuildContext context) {
    return new RaisedButton(onPressed: () {}, child: new Text(label));
  }
}

Then you can use this CustomButton just like you would with any other Widget:

@override
  Widget build(BuildContext context) {
    return new Center(
      child: new CustomButton("Hello"),
    );
  }
}

您还可以看看下面的博客文章，回顾以前和继续学习，包含我在学习开发中遇到的难题等等

Flutter入门，学习历程，进入开发，在安卓手机运行起来
Visual Studio code工具开发flutte总结
Flutter 跨平台开发 为什么选择Flutter
跨平台开发 为什么选择Flutter
Android 开发者 for Flutter （1）Flutter和Android中的View对比及如何更新widget
Android 开发者 for Flutter （2）如何布局？ XML layout 文件跑哪去了？及布局中添加或删除组件
Android 开发者 for Flutter （3） flutter中动画是如何实现的 及 如何使用Canvas draw/paint
Flutter轮播图编写（两种方式）CarouselSlider和PageView（自动轮播，也可以手动左右拖拽）
flutter 中tabbar切换上下均可，banner轮播图，listview刷新添加更多，listview嵌套gridview
Flutter 项目编写 第三方插件库文件引入，本地图片 json数据引入解析
flutter run 运行项目 所遇到的问题总结（Scaffold加padding及 flutter/material.dart’;爆红问题解决；listview嵌套gridview滑动问题）

如对您有帮助，欢迎starts 谢谢。下面是我自己写的demo 可以看看 一块学习：

项目源码github：https://github.com/1136346879/flutter-

感谢Flutter 中文网 ： https://flutterchina.club/technical-overview/