From 11ba8c7b08081b28fae2a0d11490a87f438eb13f Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Wed, 3 May 2017 18:05:37 +0000 Subject: [PATCH] Updated docs for next --- releases/next/docs/flatlist.html | 2 +- releases/next/docs/sectionlist.html | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/releases/next/docs/flatlist.html b/releases/next/docs/flatlist.html index e02f8c4962b..1ab0de4afc6 100644 --- a/releases/next/docs/flatlist.html +++ b/releases/next/docs/flatlist.html @@ -73,7 +73,7 @@ a rendered element.

columnWrapperStyle?: StyleObj #

Optional custom style for multi-item rows generated when numColumns > 1.

data: ?$ReadOnlyArray<ItemT> #

For simplicity, data is just a plain array. If you want to use something else, like an immutable list, use the underlying VirtualizedList directly.

extraData?: any #

A marker property for telling the list to re-render (since it implements PureComponent). If any of your renderItem, Header, Footer, etc. functions depend on anything outside of the -data prop, stick it here and treat it immutably.

getItem?: #

getItemCount?: #

getItemLayout?: (data: ?Array<ItemT>, index: number) => +data prop, stick it here and treat it immutably.

getItemLayout?: (data: ?Array<ItemT>, index: number) => {length: number, offset: number, index: number} #

getItemLayout is an optional optimizations that let us skip measurement of dynamic content if you know the height of items a priori. getItemLayout is the most efficient, and is easy to use if you have fixed height items, for example:

getItemLayout={(data, index) => ( diff --git a/releases/next/docs/sectionlist.html b/releases/next/docs/sectionlist.html index 61928ac2ddd..372934679c3 100644 --- a/releases/next/docs/sectionlist.html +++ b/releases/next/docs/sectionlist.html @@ -57,8 +57,8 @@ sure to also set the refreshing prop correctly.

#

Default renderer for every item in every section. Can be over-ridden on a per-section basis.

renderSectionFooter?: ?(info: {section: SectionT}) => ?React.Element<any> #

Rendered at the bottom of each section.

renderSectionHeader?: ?(info: {section: SectionT}) => ?React.Element<any> #

Rendered at the top of each section. These stick to the top of the ScrollView by default on -iOS. See stickySectionHeadersEnabled.

sections: Array<SectionT> #

The actual data to render, akin to the data prop in <FlatList>.

General shape:

sections: Array<{ - data: Array<SectionItem>, +iOS. See stickySectionHeadersEnabled.

sections: $ReadOnlyArray<SectionT> #

The actual data to render, akin to the data prop in <FlatList>.

General shape:

sections: $ReadOnlyArray<{ + data: $ReadOnlyArray<SectionItem>, renderItem?: ({item: SectionItem, ...}) => ?React.Element<*>, ItemSeparatorComponent?: ?ReactClass<{highlighted: boolean, ...}>, }>

stickySectionHeadersEnabled?: boolean #

Makes section headers stick to the top of the screen until the next one pushes it off. Only