fix onEndReached issue by forcing flatlist to scroll (#3623)
parent
edbb18afa4
commit
22e86c9903
|
@ -199,11 +199,23 @@ export const ScrollableInner = Inner
|
||||||
|
|
||||||
export function InnerFlatList({
|
export function InnerFlatList({
|
||||||
label,
|
label,
|
||||||
|
style,
|
||||||
...props
|
...props
|
||||||
}: FlatListProps<any> & {label: string}) {
|
}: FlatListProps<any> & {label: string}) {
|
||||||
|
const {gtMobile} = useBreakpoints()
|
||||||
return (
|
return (
|
||||||
<Inner label={label}>
|
<Inner
|
||||||
<FlatList {...props} />
|
label={label}
|
||||||
|
// @ts-ignore web only -sfn
|
||||||
|
style={{
|
||||||
|
paddingHorizontal: 0,
|
||||||
|
maxHeight: 'calc(-36px + 100vh)',
|
||||||
|
overflow: 'hidden',
|
||||||
|
}}>
|
||||||
|
<FlatList
|
||||||
|
style={[gtMobile ? a.px_2xl : a.px_xl, flatten(style)]}
|
||||||
|
{...props}
|
||||||
|
/>
|
||||||
</Inner>
|
</Inner>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
@ -147,7 +147,11 @@ function GifList({
|
||||||
<View
|
<View
|
||||||
style={[
|
style={[
|
||||||
a.absolute,
|
a.absolute,
|
||||||
{top: 0, left: 0, right: 0, height: '50%'},
|
a.inset_0,
|
||||||
|
{
|
||||||
|
borderBottomLeftRadius: 8,
|
||||||
|
borderBottomRightRadius: 8,
|
||||||
|
},
|
||||||
t.atoms.bg,
|
t.atoms.bg,
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|
Loading…
Reference in New Issue