buttons_swiper

Description:

buttons swiper

Buttons Swiper #
Buttons Swiper package lets you add a beautiful Buttons Swiper to your Flutter app.
Installation #

Add the latest version of package to your pubspec.yaml (and runflutter pub get):

dependencies:
buttons_swiper: ^0.1.0
copied to clipboard

Import the package and use it in your Flutter App.

import 'package:buttons_swiper/buttons_swiper.dart';

copied to clipboard
Example #
There are a number of properties that you can modify:

alignement
height
circleBorderWidth
circleBorderColor
onTap
firstIconsList
secondIconsList
loop
fade
startIndex
viewportFraction
scale





class SwiperTest extends StatelessWidget {
const SwiperTest({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.orange,
body: Container(
child: swiper(
onTap: (index) {
print(index);
},
onSwip: (index) {
print(index);
},
pages: [
Container(color: Colors.blueAccent,),
Container(color: Colors.redAccent,),
Container(color: Colors.yellow,),
],
height: 100,
alignement: Alignment.bottomCenter,
circleBorderColor: Colors.white,
secondIconsList: [
Text(
"BUY",
style: TextStyle(
color: Colors.red,
fontWeight: FontWeight.w900,
),
textScaleFactor: 2.0,
),
Text(
"SETUP",
style: TextStyle(
color: Colors.red,
fontWeight: FontWeight.w900,
),
textScaleFactor: 1.7,
),
Text(
"CALL",
style: TextStyle(
color: Colors.red,
fontWeight: FontWeight.w900,
),
textScaleFactor: 2.0,
),
],
firstIconsList: [
Icon(
Icons.monetization_on,
color: Colors.white,
size: 50,
),
Icon(
Icons.settings,
color: Colors.white,
size: 50,
),
Icon(
Icons.phone_enabled,
color: Colors.white,
size: 50,
)
],
),
),
);
}
}
copied to clipboard






Next Goals #

❌ Add More Animations.
❌ Add More Controlls.