当我点击PageView中的按钮时,如何跳转到该页面?

Jin*_*Kim 3 dart flutter

在chapter.dart中制作了一个由6个页面组成的PageView。每个页面都有一个文本小部件,每个小部件都包含一个动物名称:按顺序排列为老虎、狮子、猴子、马、鸡和狗。我在 main.dart 中制作了 3 个按钮。我只是希望当我按下第一个按钮时,我进入页面[0](老虎页面),当我按下第二个按钮时,我进入页面[2](猴子页面),当我按下第三个按钮时,我进入到第[4]页(鸡页)。但我完全不知道。我想一定有办法解决这个问题,但我找不到。

我用谷歌搜索了它,并在这个网站上搜索了它,但我找不到它。

import 'package:flutter/material.dart';

List<String> animal = ['tiger', 'lion', 'monkey', 'horse', 'chicken', 'dog'];

class Chapter extends StatefulWidget {
  @override
  _ChapterState createState() => _ChapterState();
}

class _ChapterState extends State<Chapter> {
  // int currentPage;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text('Chapter Page'),
        ),
        body: PageView.builder(
          itemCount: animal.length,
          itemBuilder: (context, index) {
            return Center(child: Text('${animal[index]} page'));
          },
        ));
  }
}
Run Code Online (Sandbox Code Playgroud)

一些参考资料会很好。先感谢您。

小智 6

我想你正在寻找这个:

_pageController.nextPage(
     duration: Duration(milliseconds: 1000),
     curve: Curves.easeIn
);
Run Code Online (Sandbox Code Playgroud)