Flutter 原生折叠组件的使用方法

301 阅读1分钟
ExpansionTile(
  trailing: kit.empty.widget,
  shape: const BorderDirectional(
      top: BorderSide(color: Colors.white)),
  title: const Text(
    "更多信息...",
    style: TextStyle(color: Colors.blue),
  ),
  children: <Widget>[
    line(
        title: "提交时间",
        child: Text(logic
            .state.list[index].submitDatetime)),
    line(
        title: "提交人",
        child: Text(
            logic.state.list[index].awardUser)),
    line(
        title: "分类",
        child: Text(
            logic.state.list[index].classify)),
    line(
        title: "可见范围",
        child: Text(
            logic.state.list[index].range)),
    line(
        title: "频率",
        child: Text(
            logic.state.list[index].frequency)),
    // line(
    //   title: "审核人",
    //   child: Row(
    //     children: logic.state.list[index].auditUser
    //         .map((e) => e.name ==
    //         logic.state.list[index].auditUser.last
    //             .name
    //         ? Text(e.name)
    //         : Text("${e.name} > "))
    //         .toList(),
    //   ),
    // ),
    Stepper(
      controlsBuilder: (BuildContext context,
          ControlsDetails details) {
        return kit.empty.widget;
      },
      steps: [
        Step(
          title: Text('张三'),
          subtitle: Text("状态:未通过"),
          isActive: false,
          content: Column(
            children: [
              line(
                  title: "分数:",
                  child: Text("50分")),
              line(
                  title: "驳回原因:",
                  child: Text("虚报提交XXXXXXX")),
            ],
          ),
          // state: StepState.indexed
        ),
        Step(
          title: Text('李四'),
          isActive: true,
          subtitle: Text("状态:通过"),
          content: Column(
            children: [
              line(
                  title: "分数:",
                  child: Text("50分")),
              // line(
              //     title: "驳回原因:",
              //     child: Text("虚报提交XXXXXXX")),
            ],
          ),
          // state: StepState.indexed
        ),
        Step(
          title: Text('张三'),
          subtitle: Text("状态:待审核"),
          isActive: false,
          content: Column(
            children: [
              line(
                  title: "分数:",
                  child: Text("50分")),
              // line(
              //     title: "驳回原因:",
              //     child: Text("虚报提交XXXXXXX")),
            ],
          ),
          // state: StepState.indexed
        ),
      ],
    ),
  ],
)