diff options
| author | Samuel Newman <mozzius@protonmail.com> | 2024-04-19 23:26:04 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-04-19 23:26:04 +0100 |
| commit | 22e86c99033a55881bf02a3129b653a13bac619e (patch) | |
| tree | dae74bf3ebefb53f468c29d3ae5ac918566b3963 | |
| parent | edbb18afa44bcfee4560ac19880a0c32563b6a0e (diff) | |
| download | voidsky-22e86c99033a55881bf02a3129b653a13bac619e.tar.zst | |
fix onEndReached issue by forcing flatlist to scroll (#3623)
| -rw-r--r-- | src/components/Dialog/index.web.tsx | 16 | ||||
| -rw-r--r-- | src/components/dialogs/GifSelect.tsx | 6 |
2 files changed, 19 insertions, 3 deletions
diff --git a/src/components/Dialog/index.web.tsx b/src/components/Dialog/index.web.tsx index d00d2d832..a086955db 100644 --- a/src/components/Dialog/index.web.tsx +++ b/src/components/Dialog/index.web.tsx @@ -199,11 +199,23 @@ export const ScrollableInner = Inner export function InnerFlatList({ label, + style, ...props }: FlatListProps<any> & {label: string}) { + const {gtMobile} = useBreakpoints() return ( - <Inner label={label}> - <FlatList {...props} /> + <Inner + 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> ) } diff --git a/src/components/dialogs/GifSelect.tsx b/src/components/dialogs/GifSelect.tsx index c8897da36..baff31168 100644 --- a/src/components/dialogs/GifSelect.tsx +++ b/src/components/dialogs/GifSelect.tsx @@ -147,7 +147,11 @@ function GifList({ <View style={[ a.absolute, - {top: 0, left: 0, right: 0, height: '50%'}, + a.inset_0, + { + borderBottomLeftRadius: 8, + borderBottomRightRadius: 8, + }, t.atoms.bg, ]} /> |