如何为所有页面制作一个 CustomScrollView

Question

我有一个主页，根据型号，它显示在 CustomScrollView slivers 其他页面中。

例子：

CustomScrollView(
  physics: _bouncingScrollPhysics,
  controller: _scrollController,
  slivers: <Widget>[
    _pages[_selectedTab]
  ],
),

我不想在每个页面上使用控制器和物理复制CustomScrollView，所以这个解决方案对我来说似乎很实用。但是我遇到了这样一个问题，如果页面类返回，比如一个SliverList，那么一切正常，但是如果类需要返回多个呢？

 @override
 Widget build(BuildContext context) {
   return SliverList() //OK
 }

 @override
 Widget build(BuildContext context) {
   return ...[
     SliverList(),
     SliverList()
   ]; // NOT OK
}

Answer 1

创建用于存储条子信息的类

class SliverListInfo {
  final SliverAppBar sliverList;
  final SliverList sliverAppBar;
  SliverListInfo(this.sliverAppBar, this.sliverList);
}

在StatefullWidget 的State 类内部，您想在其中使用CustomScrollView

class _SliverTestState extends State<SliverTest> {
  /// Selected tab pane
  int _selectedTab;

  /// List of sliver information
  final sliverLists = <SliverListInfo>[];

  @override
  void initState() {
    super.initState();
    // Populate items
    sliverLists.add(SliverListInfo(SliverAppBar(...),
      SliverList(delegate: SliverChildBuilderDelegate),
    )); // page 1
    sliverLists.add(SliverListInfo(SliverAppBar(...),
      SliverList(delegate: SliverChildListDelegate),
    )); // page 2
    ...
  }

  @override
  void build(BuildContext context) {
    return CustomScrollView(
      physics: _bouncingScrollPhysics,
      controller: _scrollController,
      slivers: sliverLists[_selectedTab],
    );
  }
}

附：小部件可以像任何其他对象一样创建。 build 函数仅在小部件嵌入到小部件树中以对其进行可视化时使用。