首页 文章

在Flutter中刷新小部件外的列表视图？

提问于
浏览 次
0

我有一个Flutter应用程序，它包括一个带滑块和tabview的脚手架 .

tabview包含一个List，显示在每个选项卡上，如下图所示 .

List<Widget> widgetList = <Widget>[
    Post(),
    Feed(),
    Location(),
    HomePage(),
    Feed(),
  ];

现在我想在移动滑块时刷新屏幕上的当前选项卡 . 但是，由于这些类是私有的，即 _HomePageState ，我不知道如何访问 refreshList() 方法，如下面的代码段所示 .

homepage.dart:

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => new _HomePageState();
}

class _HomePageState extends State<HomePage> {
  var list;
  var random;

  var refreshKey = GlobalKey<RefreshIndicatorState>();

  @override
  void initState() {
    super.initState();
    random = Random();
    refreshList();
  }

  Future<Null> refreshList() async {
    refreshKey.currentState?.show(atTop: false);
    await Future.delayed(Duration(seconds: 2));

    setState(() {
      list = List.generate(random.nextInt(10), (i) => "Item $i");
    });

    return null;
  }
}

滑块未烘焙到每个列表视图窗口小部件中，即 homepage.dart ，因为滑块值适用于每个单独的选项卡 . 当移动带滑块的外部窗口小部件时，如何刷新内部列表视图窗口小部件？

enter image description here

dart flutter

1 回答

  • 1

    有不同的方法来处理这个：

    • 您可以将 PageController 和页面索引传递给页面小部件 . 在您的页面中，窗口小部件可以监听更改（ pageController.addListener(...) ）并将当前居中的页面与其页面索引进行比较 .

    • 为要刷新的每个页面创建一个 ChangeNotifier ：

    final postRefresh = ChangeNotifier();
final feedRefresh = ChangeNotifier();
...

// build method of parent:
List<Widget> widgetList = <Widget>[
  Post(refresh: postRefresh),
  Feed(refresh: feedRefresh),
  ...
];

// initState method of parent:
pageController.addListener(() {
  final roundedPage = pageController.page.round();
  if(roundedPage == 0) {
    postRefresh.notifyListeners();
  }
  else if(roundedPage == 1) {
    feedRefresh.notifyListeners();
  }
  // ...
})
    • 您还可以为页面小部件提供全局密钥（为此，他们的 State 类必须是公共的）：
    // class body of parent:
final postPageKey = GlobalKey<PostPageState>();
final feedPageKey = GlobalKey<FeedPageState>();

// build method of parent:
List<Widget> widgetList = <Widget>[
  Post(key: postPageKey),
  Feed(key: feedPageKey),
  ...
];

// initState method of parent:
pageController.addListener(() {
  final roundedPage = pageController.page.round();
  if(roundedPage == 0) {
    postPageKey.currentState?.refresh();
  }
  else if(roundedPage == 1) {
   feedPageKey.currentState?.refresh();
  }
  // ...
})
    回复于

相关问题