In React Native, when CellRendererComponent is used in a FlatList, where does it get its props from? For example, if I want to set style to something specific, how is it done?
const CellRendererComponent = ({ item, index, onLayout, children, style } ) => {
}
<FlatList
...
renderItem={renderItem}
CellRendererComponent={CellRendererComponent}
...
/>
Looking at the definition of CellRendererProps, it appears style should be a prop in its own right, just as well as item.
export interface CellRendererProps<ItemT> {
cellKey: string;
children: React.ReactNode;
index: number;
item: ItemT;
onFocusCapture?: ((event: FocusEvent) => void) | undefined;
onLayout?: ((event: LayoutChangeEvent) => void) | undefined;
style: StyleProp<ViewStyle> | undefined;
}
- See CellRendererProps definition
- Snack for testing