Question

在扑朔迷离的同时，有很多建议和“如何做”。我不确定什么是正确的，因为我确实是该框架的新手。

说，我有以下代码（几乎没有减少）：

@override
Widget build(BuildContext context) {
  return GestureDetector(
    // heights are needed here for animation values
      child: Stack(
    children: <Widget>[
      Positioned(
        left: 0,
        right: 0,
        bottom: value,
        child: Column( // overall height
          children: <Widget>[
            Container(height: 60),  // 1
            Container(height: 150), // 2
            Container(height: 200),
          ],
        ),
      ),
    ],
  ));
}

在GestureDetector中，我根据其子代的不同高度对一些小部件动作进行了动画处理。

孩子height和//1（和第三个）的//2（和第三个）将在开发时设置为硬编码，但是，由于有多个这样的元素和自定义小部件，我希望获得它们自动。后来，总的来说，这是更好的可维护性，因为几乎每个地方的每个小部件都有一些动画。

因此，我可以使用GlobalKey或BoxConstraints，但是-总而言之-如果构建为自定义窗口小部件，最便宜的方法是什么？

要解决的问题是：在GestureDetector中，我可以在完成初始布局后以及每次重建后重建。

我只是不确定哪种方法安全且成本最低（代码中多次包含这些小部件）。

关于//1和//2：//1是初始动画begin:的值，//2是中间要停止的值，{{1} }是动画// overall height的值。只是为了解释。

至少：我在所有这些内容中都使用了end:。

Answer 1

除非它是一个常量，否则我们只需要在渲染后获取它的大小即可。我们可以使用ValueNotifier在渲染后发送子级的大小。

这是完整的示例。

function removeDuplicates(cart) {
  const existingIngredients = [];
  return cart.filter(row => {
    // using lodash isEqual in the next line, but you can write your own comparison function
    if(existingIngredients.some(existing => _.isEqual(row.ingredients, existing))) {
      count++;
      return false; // filter out this row
    } else {
      existingIngredients.push(row.ingredients);
      return true;
    }
  })
}

Answer 2

受到@Thang Mai 接受的答案的启发，我做了一个类似的无状态解决方案：

class ChildSizeNotifier extends StatelessWidget {
  final ValueNotifier<Size> notifier = ValueNotifier(const Size(0, 0));
  final Widget Function(BuildContext context, Size size, Widget child) builder;
  final Widget child;
  UjChildSizeNotifier({
    Key key,
    @required this.builder,
    this.child,
  }) : super(key: key) {}

  @override
  Widget build(BuildContext context) {
    WidgetsBinding.instance.addPostFrameCallback(
      (_) {
        notifier.value = (context.findRenderObject() as RenderBox).size;
      },
    );
    return ValueListenableBuilder(
      valueListenable: notifier,
      builder: builder,
      child: child,
    );
  }
}

像这样使用

ChildSizeNotifier(
  builder: (context, size, child) {
    // size is the size of the text
    return Text(size.height > 50 ? 'big' : 'small');
  },
)

如何获取父级中动画值的子级小部件大小

2 个答案: