Flutter 小部件层次结构的最佳实践

【问题标题】：Best practice for Flutter widget hierarchyFlutter 小部件层次结构的最佳实践
【发布时间】：2020-12-22 17:57:58
【问题描述】：

通过阅读https://api.flutter.dev/flutter/material/Scaffold-class.html和网上的各种示例，我得到的印象是Flutter的“最佳实践”布局层次结构如下：

MaterialApp
⮡ Scaffold
  ⮡ AnnotatedRegion (optional)
    ⮡ SafeArea (optional)

我的问题：

考虑到性能（如果有）和最佳实践，我应该把例如FutureBuilder、OrientationBuilder 和 MobX 的 Observer 如果它们恰好是 global 包装器？

【问题讨论】：

标签： flutter

【解决方案1】：

我通常将我的全局包装器放在 MaterialApp 和 Scaffold 之间，原因是 MaterialApp 是您的路由器，如果应用程序具有身份验证，我将该流放在全局包装器之前。所以我发现最佳实践如下所示：

MaterialApp (Theme and Route)
⮡ Router (Optional - something like Fluro Router)
  ⮡  AuthStream (Using StreamProvider - Checks whether user is logged in or not, if not returns to Login)
    ⮡ Wrapper (Holds my Future Builders)
      ⮡  Scaffold

Fluro Router

StreamProvider

【讨论】：