Speedy List Dynamic Item Height Example

SpeedyListDynamicItemHeightExample.ts

import { SpeedyList, SpeedyListItemMeta, SpeedyListItemRenderer } from "react-native-speedy-list"

const [items] = useState<Array<User>>([{ id: 0, name: "User 001" }, ...]);  
  
const itemRenderer = useCallback(
    ({ item, index, height }: SpeedyListItemProps<User>) => { 
        return <Text>{item.name}</Text> 
    }, 
    []
)

const itemHeight = useCallback(
    ({ item, index }: SpeedyListItemMeta<User>) => { 
        return item.name.includes("Luiz") ? 192 : 64;
    }, 
    []
)
      
const itemKey = useCallback(
    ({ item, index }: SpeedyListItemMeta<User>) => { 
        return item.id;
    }, 
    []
)
  
<SpeedyList<User>
    items={items} 
    itemRenderer={itemRenderer} 
    itemHeight={itemHeight}
    itemKey={itemKey} />