Skip to content

Type {removeClippedSubviews: false;} is missing the following properties from type FlatListProps<Data> #91

@abdullah-tsx

Description

@abdullah-tsx

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>
    );
  }}
/>;

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions