استكشاف ميزات Flutter widget AppBar المتقدمة

AppBar(
  title: Text('عنوان التطبيق'),
  leading: IconButton(
    icon: Icon(Icons.menu),
    onPressed: () {
      // إجراء عند الضغط على أيقونة القائمة
    },
  ),
  actions: [
    IconButton(
      icon: Icon(Icons.search),
      onPressed: () {
        // إجراء عند الضغط على أيقونة البحث
      },
    ),
  ],
)

AppBar(
  backgroundColor: Colors.deepPurple,
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.vertical(
      bottom: Radius.circular(20),
    ),
  ),
  title: Text('AppBar مخصص'),
)

AppBar(
  flexibleSpace: Container(
    decoration: BoxDecoration(
      image: DecorationImage(
        image: AssetImage('assets/appbar_background.jpg'),
        fit: BoxFit.cover,
      ),
    ),
  ),
  title: Text('AppBar بخلفية صورة'),
)

AppBar(
  title: Text(
    'عنوان مخصص',
    style: TextStyle(
      fontWeight: FontWeight.bold,
      fontSize: 24,
      fontFamily: 'Cairo',
    ),
  ),
)

AppBar(
  title: Text('AppBar تفاعلي'),
  actions: [
    IconButton(
      icon: Icon(Icons.search),
      onPressed: () {
        // تنفيذ وظيفة البحث
      },
    ),
    IconButton(
      icon: Icon(Icons.settings),
      onPressed: () {
        // فتح صفحة الإعدادات
      },
    ),
    PopupMenuButton(
      itemBuilder: (BuildContext context) {
        return [
          PopupMenuItem(
            child: Text('الملف الشخصي'),
            value: 'profile',
          ),
          PopupMenuItem(
            child: Text('تسجيل الخروج'),
            value: 'logout',
          ),
        ];
      },
      onSelected: (value) {
        // التعامل مع اختيار العنصر
      },
    ),
  ],
)

class SearchAppBar extends StatefulWidget implements PreferredSizeWidget {
  @override
  _SearchAppBarState createState() => _SearchAppBarState();

  @override
  Size get preferredSize => Size.fromHeight(kToolbarHeight);
}

class _SearchAppBarState extends State<SearchAppBar> {
  bool _isSearching = false;
  TextEditingController _searchQuery = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return AppBar(
      leading: _isSearching ? IconButton(
        icon: Icon(Icons.arrow_back),
        onPressed: () {
          setState(() {
            _isSearching = false;
            _searchQuery.clear();
          });
        },
      ) : null,
      title: _isSearching ? TextField(
        controller: _searchQuery,
        style: TextStyle(color: Colors.white),
        decoration: InputDecoration(
          hintText: "بحث...",
          hintStyle: TextStyle(color: Colors.white70),
        ),
      ) : Text('العنوان الرئيسي'),
      actions: [
        IconButton(
          icon: Icon(_isSearching ? Icons.close : Icons.search),
          onPressed: () {
            setState(() {
              _isSearching = !_isSearching;
            });
          },
        ),
      ],
    );
  }
}

class FlexibleAppBarDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CustomScrollView(
        slivers: <Widget>[
          SliverAppBar(
            expandedHeight: 200.0,
            floating: false,
            pinned: true,
            flexibleSpace: FlexibleSpaceBar(
              title: Text('AppBar المرن'),
              background: Image.network(
                'https://example.com/background_image.jpg',
                fit: BoxFit.cover,
              ),
            ),
          ),
          SliverList(
            delegate: SliverChildBuilderDelegate(
              (BuildContext context, int index) {
                return ListTile(title: Text('عنصر $index'));
              },
              childCount: 20,
            ),
          ),
        ],
      ),
    );
  }
}

class TabBarAppBarDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: 3,
      child: Scaffold(
        appBar: AppBar(
          title: Text('AppBar مع علامات تبويب'),
          bottom: TabBar(
            tabs: [
              Tab(icon: Icon(Icons.directions_car), text: 'سيارات'),
              Tab(icon: Icon(Icons.directions_transit), text: 'حافلات'),
              Tab(icon: Icon(Icons.directions_bike), text: 'دراجات'),
            ],
          ),
        ),
        body: TabBarView(
          children: [
            Icon(Icons.directions_car),
            Icon(Icons.directions_transit),
            Icon(Icons.directions_bike),
          ],
        ),
      ),
    );
  }
}

class DrawerAppBarDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('AppBar مع قائمة جانبية'),
      ),
      drawer: Drawer(
        child: ListView(
          padding: EdgeInsets.zero,
          children: <Widget>[
            DrawerHeader(
              decoration: BoxDecoration(
                color: Colors.blue,
              ),
              child: Text(
                'قائمة التنقل',
                style: TextStyle(