时间戳

首页 > 解决方案 > 如何使用轮播导航到其他屏幕

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

问题描述

我想要一个有 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 导航他？

标签： flutterdart

解决方案

尝试使用 https://github.com/serenader2014/flutter_carousel_slider/blob/master/example/lib/main.dart中的 ManuallyControlledSlider但更改 Iterable -> RaisedButton 内的 onPressed 回调以在特定页面上导航。

推荐阅读