farmer_client/lib/pages/MoreCars/index.dart

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.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: () {
                          Get.toNamed('/searchPage');
                        },
                        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(),
                  ],
                ),
              )
            ],
          )
        ]));
  }
}