clean_swiper 0.0.5
clean_swiper: ^0.0.5 copied to clipboard

Flutter Android iOS Linux macOS web Windows

Clean Swiper is a starting point for clean and simple swiper.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:clean_swiper/clean_swiper.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Clean Swiper Demo',
      home: ExamplePage()
    );
  }
}

class ExamplePage extends StatelessWidget {
  final _pageController = PageController(
    initialPage: 1
  );

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Clean Swiper Example')
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          Container(
              height: 200,
              child: CleanSwiper(
                viewportFraction: 0.9,
                children: <Widget>[
                  Container(
                    margin: EdgeInsets.symmetric(horizontal: 5),
                    decoration: BoxDecoration(
                      image: DecorationImage(
                        image: NetworkImage("https://images.pexels.com/photos/257840/pexels-photo-257840.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500"),
                        fit: BoxFit.cover,
                      )
                    ),
                  ),
                  Container(
                    margin: EdgeInsets.symmetric(horizontal: 5),
                    decoration: BoxDecoration(
                      image: DecorationImage(
                        image: NetworkImage("https://images.pexels.com/photos/33109/fall-autumn-red-season.jpg?auto=compress&cs=tinysrgb&dpr=2&w=500"),
                        fit: BoxFit.cover,
                      )
                    ),
                  ),
                  Container(
                    margin: EdgeInsets.symmetric(horizontal: 5),
                    decoration: BoxDecoration(
                      image: DecorationImage(
                        image: NetworkImage("https://images.pexels.com/photos/814499/pexels-photo-814499.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500"),
                        fit: BoxFit.cover,
                      )
                    ),
                  ),
                ],
              ),
          ),
          Container(
              height: 250,
              child: CleanSwiper(
                viewportFraction: 0.9,
                children: <Widget>[
                  Card(
                    color: Colors.yellow,
                    child: Center(child: Text('Card 1'))
                  ),
                  Card(
                    color: Colors.pink,
                    child: Center(child: Text('Card 2'))
                  ),
                  Card(
                    color: Colors.teal,
                    child: Center(child: Text('Card 3'))
                  ),
                ],
              ),
          ),
          Container(
            margin: EdgeInsets.symmetric(vertical: 50),
            height: 30,
            color: Colors.white38,
            child: CleanSwiper(
              controller: _pageController,
              viewportFraction: 1,
              children: <Widget>[
                Text('Text 1', textAlign: TextAlign.center,),
                Text('Text 2', textAlign: TextAlign.center,),
                Text('Text 3', textAlign: TextAlign.center,),
              ],
            )
          )
        ],
      )
      
    );
  }
}
2
likes
90
pub points
43%
popularity

Clean Swiper is a starting point for clean and simple swiper.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

peengle@gmail.com

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on clean_swiper