dottedcarasoulslider 0.0.6 copy "dottedcarasoulslider: ^0.0.6" to clipboard
dottedcarasoulslider: ^0.0.6 copied to clipboard

We can add carasoul dotted with multiple images

example/lib/main.dart

import 'package:dotted_carasoul_slider/dottedcarasoulslider.dart';
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
          body: DottedCarasoulSlider(
        showArrows: false,
        showDots: true,
        fit: BoxFit.fitWidth,
        lefticon: Icons.abc,
        righticon: Icons.access_time_filled_outlined,
        autoplay: true,
        reverse: false,
        dotDirectionBottom: 0,
        dotDirectionLeft: 0,
        dotDirectionRight: 0,
        dotDirectionTop: 0,
        dotActiveColor: Colors.red,
        dotInActiveColor: Colors.yellow,
        iconColor: Colors.blue,
        iconSize: 50,
        imgUrls: const [
          "https://images.unsplash.com/photo-1708200216317-84160f5e8db0?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyOXx8fGVufDB8fHx8fA%3D%3D",
          "https://images.unsplash.com/photo-1708200216317-84160f5e8db0?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyOXx8fGVufDB8fHx8fA%3D%3D",
          "https://images.unsplash.com/photo-1708200216317-84160f5e8db0?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyOXx8fGVufDB8fHx8fA%3D%3D",
          "https://images.unsplash.com/photo-1708200216317-84160f5e8db0?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyOXx8fGVufDB8fHx8fA%3D%3D",
          "https://images.unsplash.com/photo-1708200216317-84160f5e8db0?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyOXx8fGVufDB8fHx8fA%3D%3D"
        ],
        duration: const Duration(seconds: 3),
        height: 100,
        width: MediaQuery.of(context).size.width,
      )),
    );
  }
}
11
likes
110
pub points
57%
popularity

Publisher

unverified uploader

We can add carasoul dotted with multiple images

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

carousel_slider, flutter

More

Packages that depend on dottedcarasoulslider