تطبيق Flutter متعدد الشاشات باستخدام BottomNavigationBar و Navigator

هذا المشروع عبارة عن Flutter Multi-Screen Application يعتمد على BottomNavigationBar للتنقل بين الشاشات المختلفة بطريقة سهلة وسريعة.

التطبيق يحتوي على عدة شاشات مثل Calls Screen و Camera Screen و Chats Screen مع إمكانية التنقل إلى شاشة About Screen باستخدام Navigator.push.

يعتمد التطبيق على StatefulWidget لإدارة الحالة وتغيير الشاشة الحالية باستخدام setState، كما يتم تغيير عنوان AppBar بشكل Dynamic حسب الشاشة المختارة.

مكونات التطبيق:

شاشة رئيسية تحتوي على BottomNavigationBar

تغيير الشاشة باستخدام Index Navigation

عنوان AppBar Dynamic Title

التنقل إلى About Screen باستخدام Navigator

قائمة محادثات باستخدام ListView.builder

فتح شاشة محادثة باستخدام Navigator.push

محاكاة كاميرا باستخدام Counter State

استخدام Scaffold, AppBar, و Material Widgets

طريقة العمل:

يعرض التطبيق شاشة رئيسية تحتوي على BottomNavigationBar بثلاثة أقسام:

Calls Screen لعرض واجهة المكالمات

Camera Screen لتمثيل الكاميرا مع عداد للصور باستخدام setState

Chats Screen لعرض قائمة محادثات باستخدام ListView.builder

يمكن للمستخدم الضغط على أي محادثة للانتقال إلى شاشة Chat Screen باستخدام Navigator.push.

كما يمكن الانتقال إلى شاشة About Screen من خلال زر المعلومات في AppBar.

التطبيق يوضح كيفية بناء Flutter Navigation System منظم وقابل للتطوير باستخدام Clean Structure.