Flutter减少布局嵌套套娃的一种简单封装

刚接触Flutter的很多朋友，应该都被Flutter的嵌套布局给整得苦不堪言，甚至有些时候并不是因为布局上的问题，而仅仅是需要其他属性的拓展，又不得不去增加一层嵌套。

比如说，我现在需要往Text文本控件里面添加一个点击事件，Text控件不像Button，Button自带有onPress的VoidCallback参数可以传递，而Text需要点击事件，只能是多套一GestureDetector实现这样的一个需求。

代码如下面所示：

// 这是Dart代码，CSDN的代码块不支持Dart代码

GestureDetector(
    child: Text("Android Studio"),
    onTap: () {
        // 点击事件的操作
    },
),

这样极其不优雅，如果我说，我现在需要增加一个Card化，就需要再增加一次嵌套了，如下面代码所示：

// 这是Dart代码，CSDN的代码块不支持Dart代码

Card(
    elevation: 8,
    child: GestureDetector(
        child: const Text("Android Studio"),
        onTap: () {
            // 点击事件的操作
        },
    ),
),

可以看到，就这样一个简单的设计需求，就嵌套了两层，如果还要搭配上ListView、Container等等一系列的操作，这样下来，深层嵌套是不可避免的。

学过Kotlin的人都知道，Kotlin上面有一种拓展函数的方式，直接给一个类在项目中额外自定义一些自