Don't use one refreshController to multiple SmartRefresher,It will cause some unexpected bugs mostly in TabBarView

[Asmewill]

[Asmewill]

这个问题，怎么解决啊

[anjarnaufals]

Hello @Asmewill
maybe you can make the children of the TabBarView, each have their own SmartRefresher and RefreshController,
hope this can help

class Example extends StatefulWidget {
  const Example({super.key});

  @override
  State<Example> createState() =>
      _ExampleState();
}

class _ExampleState
    extends State<Example>
    with SingleTickerProviderStateMixin {
  late final TabController _tabController;

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: 2, vsync: this);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        bottom: TabBar(
          controller: _tabController,
          tabs: const [
            Tab(
              text: 'Tab 1',
            ),
            Tab(
              text: 'Tab 2',
            ),
          ],
        ),
      ),
      body: TabBarView(
        controller: _tabController,
        children: const [
          _TabOne(),
          _TabTwo(),
        ],
      ),
    );
  }
}

class _TabOne extends StatefulWidget {
  const _TabOne();

  @override
  State<_TabOne> createState() => _TabOneState();
}

class _TabOneState extends State<_TabOne> {
  final RefreshController _refreshController = RefreshController();

  Future<void> testRefresh() async {
    _refreshController.requestRefresh();
    await Future.delayed(Durations.extralong4);
    _refreshController.refreshCompleted();
  }

  Future<void> testLoadMore() async {
    _refreshController.requestLoading();
    await Future.delayed(Durations.extralong4);
    _refreshController.loadComplete();
  }

  @override
  Widget build(BuildContext context) {
    return SmartRefresher(
      enablePullDown: true,
      enablePullUp: true,
      onRefresh: () async {
        testRefresh();
      },
      onLoading: () {
        testLoadMore();
      },
      header: const ClassicHeader(),
      controller: _refreshController,
      child: CustomScrollView(
        physics: const BouncingScrollPhysics(),
        slivers: [
          SliverList.builder(
            itemCount: 32,
            itemBuilder: (_, i) => ListTile(
              title: Text('list index - $i'),
            ),
          ),
        ],
      ),
    );
  }
}

class _TabTwo extends StatefulWidget {
  const _TabTwo();

  @override
  State<_TabTwo> createState() => _TabTwoState();
}

class _TabTwoState extends State<_TabTwo> {
  final RefreshController _refreshController = RefreshController();

  Future<void> testRefresh() async {
    _refreshController.requestRefresh();
    await Future.delayed(Durations.extralong4);
    _refreshController.refreshCompleted();
  }

  Future<void> testLoadMore() async {
    _refreshController.requestLoading();
    await Future.delayed(Durations.extralong4);
    _refreshController.loadComplete();
  }

  @override
  Widget build(BuildContext context) {
    return SmartRefresher(
      enablePullDown: true,
      enablePullUp: true,
      onRefresh: () async {
        testRefresh();
      },
      onLoading: () {
        testLoadMore();
      },
      header: const ClassicHeader(),
      controller: _refreshController,
      child: ListView.builder(
        itemCount: 32,
        itemBuilder: (_, i) => ListTile(
          title: Text('list index - $i'),
        ),
      ),
    );
  }
}