How to add timeline in the end?
Opened this issue · 0 comments
huynguyen96419 commented
Currently, my timeline like this image:
But i wanna like this image, add line in the end (in red square), so how to do this?
My code:
Expanded(
child: Timeline.tileBuilder(
theme: TimelineThemeData(
nodePosition: 0,
color: ThemeHelper.backgroundRealm(context),
connectorTheme: const ConnectorThemeData(
thickness: 3.0,
),
),
builder: TimelineTileBuilder.connected(
indicatorBuilder: (context, index) {
return DotIndicator(
size: 18,
color: ThemeHelper.primaryBlueColor(context),
border: Border.all(
color: ThemeHelper.borderProcessHistoryDot(
context),
width: 3,
),
);
},
connectorBuilder: (_, index, connectorType) {
return SolidLineConnector(
indent: connectorType == ConnectorType.start
? 5.0
: 5.0,
endIndent: connectorType == ConnectorType.end
? 5.0
: 5.0,
color: ThemeHelper.black(context),
thickness: 1,
);
},
indicatorPositionBuilder: (context, index) => 0,
contentsBuilder: (_, index) => WidgetA,
itemExtentBuilder: (_, index) {
return 110;
},
itemCount: processHistoryList.length,
),
),
)
Thank you so much!