Skip to content

Add Animated Page Transitions for Bottom Navigation Tabs#191

Merged
sapatevaibhav merged 2 commits intoEkaAI-Tech:masterfrom
VITianLalit:tab_switch_animation
Jun 29, 2024
Merged

Add Animated Page Transitions for Bottom Navigation Tabs#191
sapatevaibhav merged 2 commits intoEkaAI-Tech:masterfrom
VITianLalit:tab_switch_animation

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 EkaAI-Tech:master Jun 29, 2024
@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