hyzp_ybqx/lib/widget/CarNumberAndCpysItems.dart

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/screen_util.dart';
import '../components/hyxx_data_handle.dart';
import '../services/EventBus.dart';

class CarNumberAndCpysItems extends StatefulWidget {
  int index;
  String initValue;

  CarNumberAndCpysItems(
      this.index, this.initValue); //I don't know what is this index for but I will put it in anyway
  @override
  _CarNumberAndCpysItemsState createState() => _CarNumberAndCpysItemsState();
}

class _CarNumberAndCpysItemsState extends State<CarNumberAndCpysItems> {
  List<DropdownMenuItem<String>> _dropDownMenuItems;
  String selectedValue;

  @override
  void initState() {
    super.initState();
    selectedValue = widget.initValue;
    _dropDownMenuItems = getDropDownMenuItems();
  }

  List<DropdownMenuItem<String>> getDropDownMenuItems() {
    List<DropdownMenuItem<String>> items = [];
    int len = cpysList.length;
    for (int i = 0; i < len; i++) {
      items.add(
        DropdownMenuItem(
          value: cpysList[i].cpysText,
          child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text(
                cpysList[i].cpysText,
                style: TextStyle(
                    color: cpysList[i].cpysFont,
                    background: Paint()..color = cpysList[i].cpysBackground),
              ),
              (selectedValue == cpysList[i].cpysText)
                  ? Icon(
                      Icons.check,
                      //color: cpysList[i].cpysBackground,
                      size: 16,
                    )
                  : SizedBox(
                      width: 0,
                    ),
            ],
          ),
        ),
      );
    }
    return items;
  }

  Widget getDropdownButton() {
    //DropdownButton默认有一条下划线，DropdownButtonHideUnderline去除下划线
    //更改图标亮度
    return Theme(
      //data: Theme.of(context).copyWith(primaryColor: cpysList[getIndexOfCpysList(colorText: selectedValue)].cpysFont),
      data: Theme.of(context).copyWith(brightness: Brightness.dark),
      child: DropdownButtonHideUnderline(
        child: DropdownButton(
          iconEnabledColor: cpysList[getIndexOfCpysList(colorText: selectedValue)].cpysFont,
          value: selectedValue,
          items: _dropDownMenuItems,
          onChanged: (String _selectedFruit) {
            selectedValue = _selectedFruit;
            _dropDownMenuItems = getDropDownMenuItems();
            //黑烟初审数据审核Dropdown选项改变广播
            eventBus.fire(HycsDataAuditDropdownEvent('黑烟初审数据审核Dropdown选项已改变', selectedValue));
            setState(() {});
            print('selectedValue = $selectedValue');
          },
        ),
      ),
    );
  }

  //Tab页面中的车牌号码、车牌颜色组件
  Widget getCarNumberAndCpys(int i) {
    return Container(
      width: ScreenUtil().setWidth(1022),
      height: ScreenUtil().setHeight(my_listTileHeight2 + 15),
      child: Row(
        children: [
          SizedBox(width: ScreenUtil().setWidth(my_marginLeft2)),
          //1、车牌号码
          // Text('${mapGetZpjlGetDataSpecial['car_number'].fieldText}: ',
          //     style: TextStyle(fontSize: my_fontSize)),
          Text('车牌号码\n及颜色: ', maxLines: 2),
          SizedBox(width: ScreenUtil().setWidth(my_marginLeft)),
          Container(
            alignment: Alignment(-1, 0),
            //widthTrail = 400报错，360刚能显示，300换行，260
            height: ScreenUtil().setHeight(my_listTileHeight2), //最大高度
            width: ScreenUtil().setWidth(400),
            child: TextField(
              textAlign: TextAlign.center,
              style: TextStyle(
                fontSize: my_fontSize,
                //color: cpysList[getIndexOfCpysList(colorText: listGetZpjl[i]['cpys'])].cpysFont,
                //color: cpysList[getIndexOfCpysList(colorText: topTabs_map['cpysText_List'][i])].cpysFont,
                color: cpysList[getIndexOfCpysList(colorText: selectedValue)].cpysFont,
              ),
              // background: Paint()
              //   ..color = cpysList[getIndexOfCpysList(colorText: listGetZpjl[i]['cpys'])]
              //       .cpysBackground),
              decoration: InputDecoration(
                focusedBorder: OutlineInputBorder(
                    borderSide: BorderSide(width: 2.0), borderRadius: BorderRadius.circular(3.0)),
                enabledBorder: OutlineInputBorder(
                    borderSide: BorderSide(width: 2.0), borderRadius: BorderRadius.circular(3.0)),
                //prefixText: "pre",
                filled: true,
                //fillColor: cpysList[getIndexOfCpysList(colorText: listGetZpjl[i]['cpys'])].cpysBackground,
                //fillColor: cpysList[getIndexOfCpysList(colorText: topTabs_map['cpysText_List'][i])].cpysBackground,
                fillColor: cpysList[getIndexOfCpysList(colorText: selectedValue)].cpysBackground,
                hintText: '车牌号码',
                //border: InputBorder.none, //TextField去掉下划线
                //contentPadding: EdgeInsets.only(right: 0),
                //contentPadding: const EdgeInsets.symmetric(vertical: _textFieldHeight),
                //contentPadding: EdgeInsets.symmetric(vertical: _textFieldHeight),
                contentPadding: EdgeInsets.all(0),
                //contentPadding: EdgeInsets.only(top: 0),

                // border: OutlineInputBorder(
                //     //borderRadius: BorderRadius.circular(1.0),
                //     borderSide: BorderSide(
                //         //color: cpysList[getIndexOfCpysList(colorText: listGetZpjl[i]['cpys'])].cpysBorder,
                //         color:
                //             cpysList[getIndexOfCpysList(colorText: topTabs_map['cpysText_List'][i])]
                //                 .cpysBorder,
                //         width: 2.0)),
              ),
              //controller: listZpljController[i][indexField],
              controller: TextEditingController.fromValue(TextEditingValue(
                  text: listGetZpjl[i]['car_number'].toString(),
                  // 保持光标在最后
                  selection: TextSelection.fromPosition(TextPosition(
                      affinity: TextAffinity.downstream,
                      offset: '${listGetZpjl[i]['car_number'].toString()}'.length)))),
              enabled: true,
              //利用控制器初始化文本
              onChanged: (value) {
                listGetZpjl[i]['car_number'] = value;
              },
            ),
          ),
          SizedBox(width: ScreenUtil().setWidth(my_marginLeft)),
          //2、车牌颜色
          Container(
            alignment: Alignment(1, 0),
            //widthTrail = 400报错，360刚能显示，300换行，260
            height: ScreenUtil().setHeight(my_listTileHeight2),
            //最大高度
            width: ScreenUtil().setWidth(400),
            margin: EdgeInsets.only(bottom: 0),
            padding: EdgeInsets.only(left: 0, bottom: 2),
            decoration: BoxDecoration(
              //color: cpysList[getIndexOfCpysList(colorText: listGetZpjl[i]['cpys'])].cpysBackground,
              //color: cpysList[getIndexOfCpysList(colorText: topTabs_map['cpysText_List'][i])].cpysBackground,
              color: cpysList[getIndexOfCpysList(colorText: selectedValue)].cpysBackground,
              border: Border.all(color: Colors.black87, width: 2),
              //边框圆角设置
              borderRadius: BorderRadius.vertical(
                  top: Radius.elliptical(3, 3), bottom: Radius.elliptical(3, 3)),
            ),
            child: getDropdownButton(),
          ),
        ],
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return getCarNumberAndCpys(widget.index);
  }
}