Flutter 原生step组件使用方法

59 阅读1分钟
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
    ),
  ],
)