import 'package:flutter/material.dart';
import 'package:openclosenew/FontFamily.dart';
import 'package:openclosenew/colors.dart';

import 'fontsize.dart';

class ProductListing extends StatefulWidget {
  const ProductListing({Key? key}) : super(key: key);

  @override
  State<ProductListing> createState() => _ProductListingState();
}

class _ProductListingState extends State<ProductListing>
    with TickerProviderStateMixin {
  @override
  Widget build(BuildContext context) {
    TabController _tabController = TabController(length: 5, vsync: this);
    return Scaffold(
      body: SafeArea(
        child: Padding(
          padding: const EdgeInsets.only(left: 20, right: 15, top: 10),
          child: Column(
            children: [
              Row(
                children: [
                  InkWell(
                    onTap: () {
                      Navigator.pop(context);
                    },
                    child: Icon(
                      Icons.arrow_back,
                      color: DarkGray,
                      size: 24,
                    ),
                  ),
                  SizedBox(width: 20),
                  Text(
                    'Food Items',
                    style: TextStyle(
                      fontFamily: Font,
                      fontStyle: FontStyle.normal,
                      fontWeight: FontWeight.w500,
                      fontSize: HeadText,
                      color: DarkGray,
                    ),
                  ),
                  Spacer(),
                  InkWell(
                    onTap: () {},
                    child: Icon(
                      Icons.add,
                      color: DarkGray,
                      size: 24,
                    ),
                  ),
                ],
              ),
              Spacer(),
              TabBar(
                indicator: BoxDecoration(
                    color: primaryColor,
                    borderRadius: BorderRadius.circular(4)),
                isScrollable: true,
                labelColor: White,
                unselectedLabelColor: Gray,
                controller: _tabController,
                labelStyle: TextStyle(
                  fontFamily: Font,
                  fontStyle: FontStyle.normal,
                  fontWeight: FontWeight.w400,
                  fontSize: 15,
                ),
                tabs: [
                  Tab(text: "All"),
                  Tab(text: "Rice"),
                  Tab(text: "Starters"),
                  Tab(text: "Breads"),
                  Tab(text: "North In"),
                ],
              ),
              Container(
                width: double.maxFinite,
                height: 600,
                child: TabBarView(
                  controller: _tabController,
                  children: [
                    Text('data'),
                    Text('data'),
                    Text('data'),
                    Text('data'),
                    Text('data'),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}