如何获取FloatingSearchBar组件高度？FloatingSearchBar.of返回null如何解决

• 需要获取FloatingSearchBar组件的实际栏体高度，用来调整后续页面组件的顶部内边距，避免普通表单组件被悬浮搜索栏遮挡。
• 原提问附带了当前应用实现效果的示例截图，展示了硬编码内边距的页面状态。
• 当前的临时实现为手动设置固定数值的顶部内边距，让表单组件放置在搜索栏下方，不被遮挡，但这种硬编码方案在不同屏幕、不同系统参数的设备上容易出现错位。
• 尝试编写如下代码获取组件实例，用来读取高度值：

final fsb = FloatingSearchBar.of(context);
print(fsb);

• 实际运行打印发现返回值为null，无法拿到有效组件实例。

• 首先排查返回null的核心原因：FloatingSearchBar.of(context)是基于Element树的反向查找方法，仅当调用该方法时传入的context处于FloatingSearchBar组件的子树范围内，才能匹配到对应的实例；如果代码写在搜索栏组件外部（比如和搜索栏同级、或处于搜索栏的父组件层级），就会因为找不到对应组件返回null。
• 两种可直接落地的高度获取方案：
  • 复用初始化阶段的配置值：初始化FloatingSearchBar时本身需要传入height参数控制栏体高度，直接把这个参数值存为页面内可引用的变量，后续设置其他组件的内边距时直接引用该变量即可，无需反向查找组件实例。
  • 调整查找逻辑的执行位置：如果需要获取运行时的实时高度，就把FloatingSearchBar.of(context)的调用逻辑挪到搜索栏builder回调生成的子组件范围内执行——该位置的context本身就在搜索栏的组件树内部，调用查找方法不会返回null，拿到有效实例后可以直接读取实例的height属性，将其作为后续组件的顶部内边距值。
• 低维护成本的替代实现：可以把FloatingSearchBar作为滚动列表的首个Sliver元素放入CustomScrollView，由滚动布局自动处理元素的间距排布，完全不需要手动计算和设置内边距。

内容的提问来源于stack exchange，提问作者ismail