Passing options gives TS error.
<Timeline
isUsingFlatlist={true} // Ensures FlatList is used internally
data={shipmentTrackingData} // Your shipment data
circleSize={15}
showTime={false}
lineColor="rgba(0,0,0,0.2)"
circleColor="#f89e34"
columnFormat="single-column-left"
eventDetailStyle={{
marginTop: -10,
marginBottom: 10,
}}
options={{
removeClippedSubviews: false, // Disables clipping behavior
}}
renderDetail={(rowData) => {
const time = (
<Text className="mb-2 font-light text-xs italic">{rowData.time}</Text>
);
const title = <Text style={{ fontWeight: "bold" }}>{rowData.title}</Text>;
const desc = rowData.description ? (
<Text>{rowData.description}</Text>
) : null;
return (
<View style={{ flex: 1 }}>
{time}
{title}
{desc}
</View>
);
}}
/>;