ScrollView props

[fortmarek]

FlatList supports all ScrollView props since it uses it under the hood.

We do as well but we have not gone through all of them to verify they won't cause any issues. We should double check the props below:

Here is a list of all the props:

• [x] alwaysBounceHorizontal
• [x] alwaysBounceVertical
• [x] automaticallyAdjustContentInsets
• [x] automaticallyAdjustsScrollIndicatorInsets
• [x] bounces
• [x] bouncesZoom
• [x] canCancelContentTouches
• [x] centerContent
• [x] contentContainerStyle -> we kind of support it via contentStyle
• [x] contentInset
• [x] contentInsetAdjustmentBehavior
• [x] contentOffset
• [x] decelerationRate
• [x] directionalLockEnabled
• [x] disableIntervalMomentum
• [x] disableScrollViewResponder
• [x] endFillScroll
• [x] fadingEdgeLength
• [x] horizontal
• [x] indicatorStyle
• [x] keyboardDismissMode
• [x] keyboardShouldPersistTaps
• [x] maximumZoomScale
• [x] minimumZoomScale
• [x] nestedScrollEnabled
• [x] onContentSizeChange
• [x] onMomentumScrollBegin
• [x] onMomentumScrollEnd
• [x] onScroll
• [x] onScrollBeginDrag
• [x] onScrollEndDrag
• [x] onScrollToTop
• [x] overScrollMode
• [x] pagingEnabled
• [x] persistentScrollbar
• [x] pinchGestureEnabled
• [x] refreshControl
• [x] removeClippedSubviews
• [x] scrollEnabled
• [x] scrollEventThrottle
• [x] scrollIndicatorInsets
• [x] scrollPerfTag
• [x] scrollToOverflowEnabled
• [x] scrollsToTop
• [x] showsHorizontalScrollIndicator
• [x] showsVerticalScrollIndicator
• [x] snapToAlignment
• [x] snapToEnd
• [x] snapToInterval
• [x] snapToOffsets
• [x] snapToStart
• [x] zoomScale
• [x] stickyHeaderIndices
• [ ] invertStickyHeaders
• [ ] StickyHeaderComponent
• [ ] stickyHeaderHiddenOnScroll
• [ ] maintainVisibleContentPosition

Methods:

• [x] scrollToEnd()
• [ ] flashScrollIndicators()
• [ ] scrollTo()

[gabrieldonadel]

@fortmarek any plans on making contentContainerStyle match react native View style props?

[fortmarek]

We do plan to make contentContainerStyle more flexible but likely won't get to it in the short term.

[kylegillen]

Any plan to implement the following any time soon, or would I be better off rolling my own solution for something such as a stretchy header that re-appears when scrolling up?

StickyHeaderComponent stickyHeaderHiddenOnScroll

[alexdobson]

We do plan to make contentContainerStyle more flexible but likely won't get to it in the short term.

We've just ran into this issue. Would definitely appreciate full View Style props for contentContainerStyle.

Currently, an inability to set flex: 1 for the content container prevents from being able to center content vertically (lets say for an empty list component for example).

An example of what we're trying to achieve here.

[rfahernandez]

@alexdobson you can use centerContent prop to center a ListEmptyComponent but sadly it only works for iOS.

[sanduluca]

@alexdobson you can use centerContent prop to center a ListEmptyComponent but sadly it only works for iOS.

The prop centerContent does not center the ListEmptyComponent unfortunately (in runtime).

[arled]

I think scrollTo is such a useful prop to have. Weird it is not implemented.

[KolissnikBogdan]

Any plan to implement the following any time soon, or would I be better off rolling my own solution for something such as a stretchy header that re-appears when scrolling up?

StickyHeaderComponent stickyHeaderHiddenOnScroll

hi, I am also interested in this question

[carlossalasamper]

@alexdobson you can use centerContent prop to center a ListEmptyComponent but sadly it only works for iOS.

Any update about this issue? I'm trying to center the ListEmptyComponent in both platforms

[VictorioMolina]

@fortmarek Will it be possible to use flexGrow: 1 in contentContainerStyle? It seems like there isn't a simple way to center ListEmptyComponent with FlashList.

[VadzimAlkhimionak]

@fortmarek Will it be possible to use flexGrow: 1 in contentContainerStyle? It seems like there isn't a simple way to center ListEmptyComponent with FlashList.

faced with the same issue.