bouncing_call_slider 2.0.0

A customizable Flutter widget that mimics an incoming call slider with bounce animation, swipe-to-accept or decline, and haptic feedback. Ideal for call UI.

📞 Bouncing Call Slider

A beautiful and highly customizable Flutter widget that mimics an incoming call slider — swipe up to answer or down to decline with bouncing, animated, and haptic feedback effects.

Perfect for call UI interfaces, action confirmation prompts, or interactive in-app communication designs.

---

✨ Features

• 🟢 Swipe up to accept, 🔴 swipe down to decline
• 🎯 Bouncing animation on idle for attention-grabbing effect
• 🎉 Haptic feedback and subtle rotation effect
• 💡 Custom icons, text, colors, and dimensions
• 🛠️ Fully themeable and responsive
• ♿ Accessible: screen-reader answer / decline actions (TalkBack & VoiceOver)
• 📱 Built on the standalone material_ui package (Material 3) — works on Android, iOS, web and desktop (pure Dart, no native code)

Requirements

• Flutter >=3.47.0, Dart ^3.13.0
• Works in apps that use material_ui and in apps still on the SDK's built-in Material library
• Need Flutter 3.27–3.46? Use bouncing_call_slider: ^1.1.1

---

📷 Demo

---

🚀 Getting Started

Add the dependency to your pubspec.yaml:

dependencies:
  bouncing_call_slider: ^2.0.0

Then run:

flutter pub get

💡 Usage

import 'package:material_ui/material_ui.dart'; // or package:flutter/material.dart
import 'package:bouncing_call_slider/bouncing_call_slider.dart';

BouncingCallSlider(
  onAccept: () => print("Accepted!"),
  onDecline: () => print("Declined!"),
  acceptText: 'Swipe up to answer',
  declineText: 'Swipe down to decline',
);

⚙️ Customization Parameters

Parameter	Type	Description	Default
onAccept	VoidCallback	Called when user slides up	Required
onDecline	VoidCallback	Called when user slides down	Required
acceptText	String	Accept instruction text	'Swipe up to answer'
declineText	String	Decline instruction text	'Swipe down to decline'
textStyle	TextStyle?	Text style for both labels	null
acceptTextColor	Color	Color of accept label text	Colors.grey
declineTextColor	Color	Color of decline label text	Colors.grey
iconColorAccept	Color	Icon color on accept	Colors.green
iconColorDecline	Color	Icon color on decline	Colors.red
callBtnBackgroundColor	Color	Button background color	Colors.white
acceptIcon	Widget?	Custom icon for accept	Icons.call
declineIcon	Widget?	Custom icon for decline	Icons.call_end
height	double	Total height of the widget	200
width	double	Minimum width of the touch area	70
iconSize	double	Size of the icon inside the button	35
buttonSize	double	Diameter of the call button	70

📂 Example App

You can find a full example inside the example/ folder.

To run it:

cd example
flutter run

📄 License

This project is licensed under the MIT License — see the LICENSE file for details.

❤️ Contributing

1. Fork the repo
2. Create a new branch: git checkout -b feature/YourFeature
3. Commit your changes: git commit -m 'Add YourFeature'
4. Push to the branch: git push origin feature/YourFeature
5. Open a Pull Request