Как установить начальную страницу PageView во Flutter?

Question

У меня есть PageViewс четырьмя страницами в нем. Я хочу начать с третьей страницы. Это означает, что при прокрутке пользователя вверх доступны две страницы, а при прокрутке вниз - одна страница.

Я попытался:

home: PageView(
   controller: MyPageController(),
   children: [Page1(), Page2(), Page3(), Page4()],
   scrollDirection: Axis.vertical,
),

С:

class MyPageController extends PageController {
   @override
   int get initialPage => 3;
}

К сожалению, это мне не помогает.

Answer 1

Конструктор PageController имеет именованный параметр initialPage. Вы можете использовать его, просто создайте контроллер где-нибудь вне функции сборки:

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  PageController controller;

  @override
  void initState() {
    super.initState();
    controller = PageController(initialPage: 3);
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: SafeArea(
          child: PageView(
            controller: controller,
            children: [
              for (var i = 0; i < 4; i++)
                Text('test $i')
            ],
            scrollDirection: Axis.vertical,
          )
        )
      ),
    );
  }
}

Answer 2

Для меня инициализация PageController с участием initialPageне работал для большого количества страниц. Я также заметил, что есть анимация прокрутки, что нежелательно, если вы хотите напрямую перейти на нужную страницу.

Я использовал следующие

        PageController _pageViewController = PageController();

  @override
  void initState() {
    super.initState();
  }

  @override
  void didChangeDependencies() {
    
    WidgetsBinding.instance.addPostFrameCallback((_) {

      if (_pageViewController.hasClients)
        _pageViewController.jumpToPage(3);

    });

    super.didChangeDependencies();
  }

Answer 3

Вам нужно установить начальную страницу, например,

PageController _controller = PageController(initialPage: 3);