Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Animated Page Transitions for Bottom Navigation Tabs #191

Merged

Conversation

VITianLalit
Copy link
Contributor

@VITianLalit VITianLalit commented Jun 25, 2024

Pull Request Title:

"Add Animated Page Transitions for Bottom Navigation Tabs"

Pull Request Description:

Overview:
This pull request introduces animated page transitions for the bottom navigation tabs in the Flutter application. By utilizing a PageView and PageController, the app now supports smooth and visually appealing transitions between the Home, Explore, Favorite, and About pages.

Changes:

  1. MainHome Widget:

    • Integrated PageView with a PageController to handle page transitions.
    • Updated the BlocBuilder to manage the PageController for synchronization with the current tab index.
    • Implemented the _onBackPressed method for handling back button presses with a toast message.
  2. BottomNavBar Widget:

    • Updated to interact with the PageController from the MainHome state.
    • Added animation for page transitions using animateToPage method on tab selection.
  3. IndexCubit:

    • Manages the state of the current tab index to facilitate page transitions.

Enhancements:

  • User Experience: Provides a smoother and more interactive user experience with animated transitions between tabs.
  • Code Maintenance: Improved state management for page navigation by centralizing the PageController logic within the MainHome widget.

Testing:

  • Verified the smooth transition animations between all tabs.
  • Ensured the back button functionality works as expected with the added toast notification.
  • Confirmed the state management of the current tab index is functioning correctly across the app.

Screenshots/Screen Recording:

add_tab_switching_animation.mp4

This PR enhances the navigation experience by adding visually appealing animations, making the app more engaging and user-friendly. Please review the changes and provide feedback or approval for merging.
fixes #189

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Welcome to Our repository.🎊 Thank you so much for taking the time to point this out.

@VITianLalit
Copy link
Contributor Author

fixes issue #189

@sapatevaibhav sapatevaibhav added gssoc Girl Script Summer of Code level1 Easy to solve issues for GSSoC'24 labels Jun 29, 2024
@sapatevaibhav sapatevaibhav merged commit 9d6589a into VaibhavCodeClub:master Jun 29, 2024
1 check passed
@VITianLalit VITianLalit deleted the tab_switch_animation branch June 30, 2024 03:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
gssoc Girl Script Summer of Code level1 Easy to solve issues for GSSoC'24
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature Request]: Add Animation for Tab Changes
2 participants