[Flutter] 表单传值

表单传值

说明：
INFO页面通过路由到DETAIL页面，并把表单数据传过去。
通过map传值的方式代码阅读起来困难，而且难维护，写变量时容易出错。
通过传state的方法，代码看起来更加简洁可读。

STEP01

声明要接收的变量

///DETAIL state
class DetailState{
  final String comName;
  final String peoName;
  final String occupation;
  final String keyWord;
  final String phoneNumber;
  final String resume;
  final bool isConCompany;
  final int isEducation;
  final String experience;
  final String industries;
  final String cities;
    ///命名构造函数
  DetailState(
      {required this.comName, 
       required this.peoName, 
       required this.occupation,
       required this.keyWord,
       required this.resume,
       required this.isConCompany,
       required this.isEducation,
       required this.experience,
       required this.industries,
       required this.cities,
       required this.phoneNumber});
}

STEP02

controller连接state，设置controller构造函数接收路由传值过来的state

///DETAIL controller
DetailState state;
DetailController(this.state);

STEP03

controller实例化时接收INFO页面传过来的值（DetailState)

///DETAIL binding
class DetailBinding extends Bindings {
  @override
  void dependencies() {
    Get.lazyPut<DetailController>(
      () => DetailController(Get.arguments),
    );
  }
}

STEP04

跳转方法里把DetailState带参数传过去

/// INFO controller 
void toDetail(){
    Get.toNamed(Routes.DETAIL, arguments: DetailState(
        comName: state.comNameController.text,
        peoName: state.peoNameController.text,
        occupation: state.occupationController.text,
        keyWord:state.keyWordController.text, 
        phoneNumber: state.phoneNumberController.text,
        resume: state.resumeController.text, 
        isConCompany: state.isConCompany.value,
        isEducation: state.isEducation.value, 
        experience: state.experience.value,
        industries: state.industries.value,
        cities: state.cities.value));
  }

STEP05

view里显示取得的值

///DETAIL view 
Text(controller.state.industries,style: TextStyle(fontSize: 20,color: Colors.orange),)