Flutter中第三方轮播组件 flutter_swiper的使用

最新推荐文章于 2024-08-09 08:11:18 发布

蓝枫amy

最新推荐文章于 2024-08-09 08:11:18 发布

阅读量1.9k

点赞数

分类专栏： Flutter 文章标签： Flutter

本文链接：https://blog.csdn.net/u014005316/article/details/104260703

版权

本文介绍了在Flutter项目中如何使用flutter_swiper第三方轮播组件。首先，在pubspec.yaml文件添加依赖，然后导入组件。接着，通过代码示例展示了在main.dart中的简单实现，提供了一个基础的轮播效果。如需更详细用法，可以查阅github上的项目文档。

摘要由CSDN通过智能技术生成

1.在pubspec.yaml中添加依赖

dependencies:
  flutter_swiper : ^1.1.6

点击connand+s 自动下载

2.导入第三方组件

import 'package:flutter_swiper/flutter_swiper.dart';

3.具体使用

main.dart

import 'package:flutter/material.dart';

import 'package:flutter_swiper/flutter_swiper.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  List<Map> imageList = [
    {
      "url":
          "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1581401773519&di=efc809f404c42c8de28f7f829f1d0b51&imgtype=0&src=http%3A%2F%2F01.minipic.eastday.com%2F20170407%2F20170407003743_1f4967f106ba9dd87277f8d5969dc711_5.jpeg"
    },
    {
      "url":
          "https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2040389276,2611098741&fm&