[iOS]: timeline line connecting two consecutive dots is not rendering perfectly.

[jayrajkachariya]

The line connecting two dots at index 12 is not rendering in center, but slight right side. I have implemented basic scenario where i am passing time and title as props not description and extra styling.

<Timeline
        data={timelineData.map(x => ({
            time: new Date(x.timeToLeave),
            title: x.name
        }))}
/>

[Eugnis]

That may happen if time texts have different widths. To prevent this you need to pass to Timeline timeContainerStyle prop with custom minWidth. For example, timeContainerStyle={{ minWidth: 52 }}