class AddExpense extends StatefulWidget {
? @override
? State createState() => _AddExpensePage();
}

class _AddExpensePage extends State {
? List typeList = List();
? Search _search;
? bool _typeCheck = false;


? @override
? void initState() {
? ? // TODO: implement initState
? ? super.initState();
? ? _loadType();
? }

? @override
? Widget build(BuildContext context) {
? ? // TODO: implement build
? ? return ?Column(
? ? ? children: [
? ? ? ? Card(
? ? ? ? ? child: Row(
? ? ? ? ? ? children: [
? ? ? ? ? ? ? SizedBox(
? ? ? ? ? ? ? ? width: 16.0,
? ? ? ? ? ? ? ),
? ? ? ? ? ? ? Text('報銷類型：', style: TextStyle(fontSize: 16)),
? ? ? ? ? ? ? Expanded(
? ? ? ? ? ? ? ? child: ListTile(
? ? ? ? ? ? ? ? ? title: Text(
? ? ? ? ? ? ? ? ? ? _search.code ?? "報銷類型",
? ? ? ? ? ? ? ? ? ),
? ? ? ? ? ? ? ? ? trailing: _typeCheck
? ? ? ? ? ? ? ? ? ? ? ? Icon(Icons.keyboard_arrow_up)
? ? ? ? ? ? ? ? ? ? ? : Icon(Icons.keyboard_arrow_down),
? ? ? ? ? ? ? ? ? onTap: () {
? ? ? ? ? ? ? ? ? ? setState(() {
? ? ? ? ? ? ? ? ? ? ? _typeCheck = !_typeCheck;
? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ? ? showModalBottomSheet(
? ? ? ? ? ? ? ? ? ? ? context: context,
? ? ? ? ? ? ? ? ? ? ? builder: (BuildContext context) {
? ? ? ? ? ? ? ? ? ? ? ? return ListView.separated(
? ? ? ? ? ? ? ? ? ? ? ? ? itemCount: typeList.length,
? ? ? ? ? ? ? ? ? ? ? ? ? separatorBuilder: (context, index) {
? ? ? ? ? ? ? ? ? ? ? ? ? ? return Divider();
? ? ? ? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? ? ? ? ? itemBuilder: (context, index) {
? ? ? ? ? ? ? ? ? ? ? ? ? ? return ListTile(
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? title: Text(typeList[index].code),
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? trailing: Offstage(
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? offstage:
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? typeList[index].check ? false : true,
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? child: Icon(Icons.check),
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ),
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? onTap: () {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? for (int i = 0; i < typeList.length; i++) {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? i != index
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? typeList[i].check = false
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? : typeList[i].check = true;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? _search = typeList[index];
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Navigator.pop(context);
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? ? ? ? ? ? );
? ? ? ? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? ? ? ? );
? ? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? ? ).then((val) {
? ? ? ? ? ? ? ? ? ? ? setState(() {
? ? ? ? ? ? ? ? ? ? ? ? _typeCheck = !_typeCheck;
? ? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ),
? ? ? ? ? ? ? )
? ? ? ? ? ? ],
? ? ? ? ? ),
? ? ? ? ),
? ? ? ],
? ? );
? ?
? }


? void _loadType() {
? ? String jsonData =
? ? ? ? '[{"code":"差旅費報銷單","check":true},{"code":"一般費用報銷單","check":false},{"code":"因公臨時出國(境)支出表","check":false},{"code":"藥費報銷單","check":false},{"code":"合同付款審批表","check":false},{"code":"工資系統專用報銷表","check":false}]';
? ? List list = json.decode(jsonData);
? ? list.forEach((element) {
? ? ? Search search = Search.fromJson(element);
? ? ? if (search.check) {
? ? ? ? setState(() {
? ? ? ? ? _search = search;
? ? ? ? });
? ? ? }
? ? ? typeList.add(search);
? ? });

? }
}