From 86139c5e5a906629f3ffc863987bcd0e5e903c52 Mon Sep 17 00:00:00 2001 From: David Narbutovich <4661784+retyui@users.noreply.github.com> Date: Sun, 25 Sep 2022 21:14:53 +0400 Subject: [PATCH] Document ability to pass Element via ItemSeparatorComponent (#3343) --- docs/flatlist.md | 8 ++++---- docs/sectionlist.md | 8 ++++---- docs/virtualizedlist.md | 8 ++++---- website/versioned_docs/version-0.70/flatlist.md | 8 ++++---- website/versioned_docs/version-0.70/sectionlist.md | 8 ++++---- website/versioned_docs/version-0.70/virtualizedlist.md | 8 ++++---- 6 files changed, 24 insertions(+), 24 deletions(-) diff --git a/docs/flatlist.md b/docs/flatlist.md index 0398e1181c3..9314678a537 100644 --- a/docs/flatlist.md +++ b/docs/flatlist.md @@ -245,11 +245,11 @@ For simplicity, data is a plain array. If you want to use something else, like a ### `ItemSeparatorComponent` -Rendered in between each item, but not at the top or bottom. By default, `highlighted` and `leadingItem` props are provided. `renderItem` provides `separators.highlight`/`unhighlight` which will update the `highlighted` prop, but you can also add custom props with `separators.updateProps`. +Rendered in between each item, but not at the top or bottom. By default, `highlighted` and `leadingItem` props are provided. `renderItem` provides `separators.highlight`/`unhighlight` which will update the `highlighted` prop, but you can also add custom props with `separators.updateProps`. Can be a React Component (e.g. `SomeComponent`), or a React element (e.g. ``). -| Type | -| --------- | -| component | +| Type | +| ---------------------------- | +| component, function, element | --- diff --git a/docs/sectionlist.md b/docs/sectionlist.md index 2469a8c3167..5b28b31c62d 100644 --- a/docs/sectionlist.md +++ b/docs/sectionlist.md @@ -248,11 +248,11 @@ Reverses the direction of scroll. Uses scale transforms of -1. ### `ItemSeparatorComponent` -Rendered in between each item, but not at the top or bottom. By default, `highlighted`, `section`, and `[leading/trailing][Item/Section]` props are provided. `renderItem` provides `separators.highlight`/`unhighlight` which will update the `highlighted` prop, but you can also add custom props with `separators.updateProps`. +Rendered in between each item, but not at the top or bottom. By default, `highlighted`, `section`, and `[leading/trailing][Item/Section]` props are provided. `renderItem` provides `separators.highlight`/`unhighlight` which will update the `highlighted` prop, but you can also add custom props with `separators.updateProps`. Can be a React Component (e.g. `SomeComponent`), or a React element (e.g. ``). -| Type | -| ------------------ | -| component, element | +| Type | +| ---------------------------- | +| component, function, element | --- diff --git a/docs/virtualizedlist.md b/docs/virtualizedlist.md index b1abd2c3ac0..e99c1cb6827 100644 --- a/docs/virtualizedlist.md +++ b/docs/virtualizedlist.md @@ -149,11 +149,11 @@ Each cell is rendered using this element. Can be a React Component Class, or a r ### `ItemSeparatorComponent` -Rendered in between each item, but not at the top or bottom. By default, `highlighted` and `leadingItem` props are provided. `renderItem` provides `separators.highlight`/`unhighlight` which will update the `highlighted` prop, but you can also add custom props with `separators.updateProps`. +Rendered in between each item, but not at the top or bottom. By default, `highlighted` and `leadingItem` props are provided. `renderItem` provides `separators.highlight`/`unhighlight` which will update the `highlighted` prop, but you can also add custom props with `separators.updateProps`. Can be a React Component (e.g. `SomeComponent`), or a React element (e.g. ``). -| Type | -| ------------------- | -| component, function | +| Type | +| ---------------------------- | +| component, function, element | --- diff --git a/website/versioned_docs/version-0.70/flatlist.md b/website/versioned_docs/version-0.70/flatlist.md index 0398e1181c3..9314678a537 100644 --- a/website/versioned_docs/version-0.70/flatlist.md +++ b/website/versioned_docs/version-0.70/flatlist.md @@ -245,11 +245,11 @@ For simplicity, data is a plain array. If you want to use something else, like a ### `ItemSeparatorComponent` -Rendered in between each item, but not at the top or bottom. By default, `highlighted` and `leadingItem` props are provided. `renderItem` provides `separators.highlight`/`unhighlight` which will update the `highlighted` prop, but you can also add custom props with `separators.updateProps`. +Rendered in between each item, but not at the top or bottom. By default, `highlighted` and `leadingItem` props are provided. `renderItem` provides `separators.highlight`/`unhighlight` which will update the `highlighted` prop, but you can also add custom props with `separators.updateProps`. Can be a React Component (e.g. `SomeComponent`), or a React element (e.g. ``). -| Type | -| --------- | -| component | +| Type | +| ---------------------------- | +| component, function, element | --- diff --git a/website/versioned_docs/version-0.70/sectionlist.md b/website/versioned_docs/version-0.70/sectionlist.md index 2469a8c3167..5b28b31c62d 100644 --- a/website/versioned_docs/version-0.70/sectionlist.md +++ b/website/versioned_docs/version-0.70/sectionlist.md @@ -248,11 +248,11 @@ Reverses the direction of scroll. Uses scale transforms of -1. ### `ItemSeparatorComponent` -Rendered in between each item, but not at the top or bottom. By default, `highlighted`, `section`, and `[leading/trailing][Item/Section]` props are provided. `renderItem` provides `separators.highlight`/`unhighlight` which will update the `highlighted` prop, but you can also add custom props with `separators.updateProps`. +Rendered in between each item, but not at the top or bottom. By default, `highlighted`, `section`, and `[leading/trailing][Item/Section]` props are provided. `renderItem` provides `separators.highlight`/`unhighlight` which will update the `highlighted` prop, but you can also add custom props with `separators.updateProps`. Can be a React Component (e.g. `SomeComponent`), or a React element (e.g. ``). -| Type | -| ------------------ | -| component, element | +| Type | +| ---------------------------- | +| component, function, element | --- diff --git a/website/versioned_docs/version-0.70/virtualizedlist.md b/website/versioned_docs/version-0.70/virtualizedlist.md index b1abd2c3ac0..e99c1cb6827 100644 --- a/website/versioned_docs/version-0.70/virtualizedlist.md +++ b/website/versioned_docs/version-0.70/virtualizedlist.md @@ -149,11 +149,11 @@ Each cell is rendered using this element. Can be a React Component Class, or a r ### `ItemSeparatorComponent` -Rendered in between each item, but not at the top or bottom. By default, `highlighted` and `leadingItem` props are provided. `renderItem` provides `separators.highlight`/`unhighlight` which will update the `highlighted` prop, but you can also add custom props with `separators.updateProps`. +Rendered in between each item, but not at the top or bottom. By default, `highlighted` and `leadingItem` props are provided. `renderItem` provides `separators.highlight`/`unhighlight` which will update the `highlighted` prop, but you can also add custom props with `separators.updateProps`. Can be a React Component (e.g. `SomeComponent`), or a React element (e.g. ``). -| Type | -| ------------------- | -| component, function | +| Type | +| ---------------------------- | +| component, function, element | ---