flutter - carousel_slider( flutter 包)中的 “items: child”是什么意思?

标签 flutter dart carousel

在carousel_slider中,“items”定义为“默认构造函数的轮播中显示的小部件”,而“items”的类型为“{List items}”。以下代码中的“items:child”是什么意思?具体来说,它指的是哪个子小部件?

class CarouselDemo extends StatelessWidget {
  CarouselController buttonCarouselController = CarouselController();

 @override
  Widget build(BuildContext context) => Column(
    children: <Widget>[
      CarouselSlider(
        **items: child,**
        carouselController: buttonCarouselController,
        options: CarouselOptions(
          autoPlay: false,
          enlargeCenterPage: true,
          viewportFraction: 0.9,
          aspectRatio: 2.0,
          initialPage: 2,
        ),
      ),
      RaisedButton(
        onPressed: () => buttonCarouselController.nextPage(
            duration: Duration(milliseconds: 300), curve: Curves.linear),
        child: Text('→'),
      )
    ]
  );
}

最佳答案

我认为您可以忽略它(可能是拼写错误)并将其用作其他示例:

CarouselSlider(
  options: 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(),
)
只是您要在转盘上显示的项目。
正如文档(https://pub.dev/documentation/carousel_slider/latest/carousel_slider/CarouselSlider-class.html)所说:

items → List<Widget> The widgets to be shown in the carousel of default constructor.


因此,您只需要提供Widget类型的List,它就可以是任何东西:图像,容器,您可以为其命名。

关于flutter - carousel_slider( flutter 包)中的 “items: child”是什么意思?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62503427/

相关文章:

dart - 如何在 Dart 中初始化 mixin 的不可变数据?

flutter - 如何用动画隐藏底部导航栏?

Flutter:如何根据所选的第一个下拉按钮值设置第二个下拉按钮(多级相关按钮)的值?

flutter - 如何在 flutter 中修复 'Text is null'

flutter - 将 WidgetSpan 添加到 TextField 会导致 'dimensions != null' : is not true'

jquery - 在 bootstrap carousel 中使用图像而不是幻灯片的背景

javascript - Bootstrap 轮播破坏了我的基于 bootstrap 的库

flutter - 如何使用Flutter过滤Firestore文档?

dart - 如何在Dart中从Type实例获取限定名称?

javascript - 带有自定义按钮的 UI Bootstrap 控件 uib-carousel