Флаттер: PageController не сохраняет страницу, несмотря на keepPage: true - PullRequest
Новая
       18

Флаттер: PageController не сохраняет страницу, несмотря на keepPage: true

0 голосов
/ 08 ноября 2018

Действия по воспроизведению: проведите пальцем влево, переключитесь на красный Tab, а затем снова на фиолетовый Tab.

Что такое: После выполнения шагов для воспроизведения, PageView первого Tab снова находится на синей странице.

Что должно быть: После выполнения шагов для воспроизведения, PageView первого Tab все еще находится на зеленой странице.

Что мне здесь не хватает? 

import "package:flutter/material.dart";
import "package:flutter/services.dart";

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
    Widget build(BuildContext context) {
      SystemChrome.setEnabledSystemUIOverlays([]);
      return MaterialApp(
        home: MyHome()
      );
    }
}

class MyHomeState extends State<MyHome> with TickerProviderStateMixin {
  TabController tabController;
  @override
    void initState() {
      tabController = tabController?? TabController(
        vsync: this,
        length: 2
      );
      super.initState();
    }
  @override
    void dispose() {
      tabController.dispose();
      super.dispose();
    }
  @override
    Widget build(BuildContext context) {
      return Scaffold(
        body: Column(
          children: [
            TabBar(
              controller: tabController,
              tabs: [
                Container(
                  color: Colors.purple,
                  width: 100.0,
                  height: 50.0
                ),
                Container(
                  color: Colors.pink,
                  width: 100.0,
                  height: 50.0
                )
              ]
            ),
            Expanded(
              child: TabBarView(
                controller: tabController,
                children: [
                  MyPageView(),
                  MyPageView(),
                ],
              )
            )
          ]
        )
      );
    }
}
class MyHome extends StatefulWidget {
  @override
    State<StatefulWidget> createState() {
      return MyHomeState();
    }
}

class MyPageViewState extends State<MyPageView> {
  PageController pageController;
  @override
    void initState() {
      pageController = pageController?? PageController();
      super.initState();
    }
    @override
      void dispose() {
        pageController.dispose();
        super.dispose();
      }
  @override
    Widget build(BuildContext context) {
      return PageView(
        controller: pageController,
        children: [
          Container(
            color: Colors.blue
          ),
          Container(
            color: Colors.green
          )
        ]
      );
    }
}
class MyPageView extends StatefulWidget {
  @override
    State<StatefulWidget> createState() {
      return MyPageViewState();
    }
}

1 Ответ

0 голосов
/ 08 ноября 2018

Эта проблема решена с AutomaticKeepAliveMixin. Я использовал это раньше, но из-за путаницы в неправильном состоянии. Очевидно, что он должен быть смешан с классом, который содержит состояние, которое вы хотите keep alive.

...