时间戳

首页 > 解决方案 > Flutter 中的 ReactJS 子代等价物

flutter - Flutter 中的 ReactJS 子代等价物

问题描述

我过去做过很多 ReactJS。

我记得我们调用了这个很棒的道具props.children来引用可以嵌套到组件中的任意数量的孩子。

在 Flutter 中这个等价物是什么？

标签： flutter

解决方案

你决定！例如，您可以使用以下内容：

class MyWidgetWithChildren extends StatelessWidget {
      const MyWidgetWithChildren(this.children);

      final List<Widget> children;

      @override
      Widget build(BuildContext context) => DecoratedBox(
            decoration: BoxDecoration(color: Colors.red),
            child: Column(children: children),
     );
}

另一种方法是： Column(children: [Text('My children'), ...children);

其他小部件支持显示孩子而不是孩子：

ListView（当您希望能够滚动时使用）、Column、Row（X 轴）、Wrap（就像一个带有 wrap 的 CSS flexbox :)）、Slivers（但那是另一个故事：D，这些用于更复杂的滚动行为)

推荐阅读