如何使用轮播导航到其他屏幕

时间:2020-06-05 16:15:10

标签: flutter dart

我想有一张带5张照片的轮播,当我按任意图像时,我想导航到另一个屏幕。我看了很多视频,但找不到任何解决方案。我使用了carousel_slider软件包。

CarouselSlider(
  CarouselOptions(height: 400.0),
  items: [1,2,3,4,5].map((i) {
    return Builder(
      builder: (BuildContext context) {
        return Container(
          width: MediaQuery.of(context).size.width,
          margin: EdgeInsets.symmetric(horizontal: 5.0),
          decoration: BoxDecoration(
            color: Colors.amber
          ),
          child: Text('text $i', style: TextStyle(fontSize: 16.0),)
        );
      },
    );
  }).toList(),
)

想象一下,我有5个不同的页面,当我按转盘上的任何图片时,应该将我导航到特定页面。如果我使用手势探测器,如何使用navigator.push导航他?

1 个答案:

答案 0 :(得分:0)

尝试从以下位置使用ManuallyControlledSlider https://github.com/serenader2014/flutter_carousel_slider/blob/master/example/lib/main.dart,但在其中更改onPressed回调 可迭代-> RaisedButton可以在特定页面上导航。