farmer_client/lib/pages/MoreCars/index.dart

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

import '../../widgets/CarsCard.dart';
import '../../widgets/Search.dart';
import '../TabBar/widgets/home/widgets/headers.dart';


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

  @override
  State<MoreCars> createState() => _MoreCarsState();
}

class _MoreCarsState extends State<MoreCars> with TickerProviderStateMixin  {

  late TabController _controller = TabController(length: tabText.length, vsync: this);
   List<String> tabText= [
     '全部',
     '播种机',
     '收割机',
     '挺长名字的农机选项分类',
  ];



  @override
  void initState() {
    // TODO: implement initState
    super.initState();
  }
  @override
  Widget build(BuildContext context) {
    // _controller=TabController(length: tabText.length, vsync: this);
    return Scaffold(
      resizeToAvoidBottomInset: false,
      appBar: AppBar(
        elevation: 0,
        centerTitle: true,
        backgroundColor: Colors.white,
        title:Text(
          '更多',
          style: TextStyle(
              color: Colors.black,
              fontSize: 17.sp,
              letterSpacing: 2,
              fontWeight: FontWeight.bold),
        ),

      ),
      body: ListView(
          children: [Column(
          children: [
            Container(
              padding: EdgeInsets.fromLTRB(20, 15, 20, 15),

              decoration: BoxDecoration(
                color: Colors.white
              ),
              // child:Search(),
              child:          Container(
                  height: 32.w,
                  decoration: const BoxDecoration(
                      color: Colors.white
                  ),
                  child: GestureDetector(
                      onTap: (){
                        print('点击了搜索');
                      },
                      child: Container(
                        decoration: const BoxDecoration(
                          // color: Colors.red,
                          color: Color(0x30cccccc),
                          borderRadius: BorderRadius.all(Radius.circular(25)),
                        ),
                        child: Row(
                          children: [
                            Padding(padding: EdgeInsets.fromLTRB(15, 0, 5, 0),
                              child: Icon(Icons.search,size: 19,color:Color(0xff666666) ,),
                            ),
                            Text('请输入关键字查询',style: TextStyle(color: Color(0xff666666),fontSize: 14),)
                          ],
                        ),
                      )
                    // Search(),
                  )
              ),
            ),
            
            TabBar(
              labelStyle: TextStyle(fontSize: ScreenUtil().setSp(19),fontWeight: FontWeight.bold), //选中的样式
              unselectedLabelStyle: TextStyle(fontSize:ScreenUtil().setSp(16)), //未选中的样式
              controller: _controller,
              isScrollable: true, //可滚动
              indicatorColor: Colors.black, //指示器的颜色
              labelColor: Colors.black, //选中文字颜色
              unselectedLabelColor: Color(0xffadadad),
              // indicatorSize: TabBarIndicatorSize.label, //指示器与文字等宽
              tabs: tabText.map((e) => Tab(text: e)).toList(),
              onTap: (int i) {
                print('当前+${i}');
              },

            ),
            Container(
              child: Column(
                children: [
                  CarsCard(),
                  CarsCard(),
                  CarsCard(),
                  CarsCard(),
                ],
              )
              ,
            )


          ],
        )]

      )

    );
  }
}