a

lib/detail.dart

@@ -1,9 +1,10 @@
 import 'package:dotted_line/dotted_line.dart';
 import 'package:flutter/material.dart';
 import 'package:date_format/date_format.dart';
-// import 'package:another_stepper/another_stepper.dart';
-// import 'package:easy_stepper/easy_stepper.dart';
+import 'package:another_stepper/another_stepper.dart';
+import 'package:easy_stepper/easy_stepper.dart';
 import 'package:timeline_tile/timeline_tile.dart';
+// import 'package:timelines/timelines.dart';
 
 var date = formatDate(DateTime.now(), [HH, ':', nn]);
 
@@ -278,25 +279,57 @@ class DetailPage extends StatelessWidget {
                 style: TextStyle(fontWeight: FontWeight.w400, fontSize: 14),
               ),
             ),
-            //=======timelines=======
-            TimelineTile(
-              indicatorStyle: IndicatorStyle(
-                width: 20,
-                height: 5,
-                indicatorXY: 0,
-              ),
-              endChild: Container(
-                padding: EdgeInsets.symmetric(horizontal: 10),
-                child: Row(
-                  children: [
-                    Text('Requested'),
-                    Spacer(),
-                    Text('31 Jan 12:43'),
-                  ],
-                ),
+            //=======timelines tile=======
+            Container(
+              margin: EdgeInsets.all(10),
+              child: Column(
+                children: [
+                  SizedBox(
+                      child: TimelineTile(
+                          isFirst: true,
+                          endChild: Container(
+                            margin:
+                                EdgeInsets.only(bottom: 10, top: 10, left: 10),
+                            child: Row(
+                              children: [
+                                Text('Requested'),
+                                Spacer(),
+                                Text('31 Jan 12:43')
+                              ],
+                            ),
+                          ))),
+                  SizedBox(
+                      child: TimelineTile(
+                          endChild: Container(
+                    margin: EdgeInsets.only(bottom: 10, top: 10, left: 10),
+                    child: Row(
+                      children: [
+                        Text('On Process'),
+                        Spacer(),
+                        Text('31 Jan 14:43')
+                      ],
+                    ),
+                  ))),
+                  SizedBox(
+                      child: TimelineTile(
+                    indicatorStyle:
+                        IndicatorStyle(color: Color(0xff078C84), width: 25),
+                    isLast: true,
+                    endChild: Container(
+                      margin: EdgeInsets.only(bottom: 10, top: 10, left: 10),
+                      child: Row(
+                        children: [
+                          Text('Finish'),
+                          Spacer(),
+                          Text('31 Jan 15:43')
+                        ],
+                      ),
+                    ),
+                  )),
+                ],
               ),
             ),
-            //=======timelines=======
+            //=======timelines tile=======
             //=======easy stepper=======
             // EasyStepper(
             //   activeStep: 1,
@@ -350,11 +383,11 @@ class DetailPage extends StatelessWidget {
             //=======stepper=======
             // Stepper(
             //     controlsBuilder: (context, details) {
-            //       return Container(height: 1,);
+            //       return Container();
             //     },
             //     steps: [
             //       Step(
-            //           content: Container(height: null,),
+            //           content: Container(),
             //           title: Row(
             //             children: [
             //               Text('Requested'),
@@ -362,8 +395,24 @@ class DetailPage extends StatelessWidget {
             //               Text('31 Jan 12:43')
             //             ],
             //           )),
-            //       Step(content: Container(), title: Text('On Process')),
-            //       Step(content: Container(), title: Text('Finish')),
+            //       Step(
+            //           content: Container(),
+            //           title: Row(
+            //             children: [
+            //               Text('On Process'),
+            //               Spacer(),
+            //               Text('31 Jan 14:43')
+            //             ],
+            //           )),
+            //       Step(
+            //           content: Container(),
+            //           title: Row(
+            //             children: [
+            //               Text('Finish'),
+            //               Spacer(),
+            //               Text('31 Jan 15:43')
+            //             ],
+            //           )),
             //     ]),
             //=======stepper=======
             //=======manual========

pubspec.yaml

@@ -22,6 +22,7 @@ dependencies:
   im_stepper: ^1.0.1+1
   timelines: ^0.1.0
   timeline_tile: ^2.0.0
+  # flutter_timeline: latest
 
 dev_dependencies:
   flutter_test: