zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

add padding to user's lists/feeds scrollviews (#2675) 

* add padding to user's lists/feeds scrollviews

* always use the header offset for padding
zio/stable
Hailey 2024-01-30 17:49:34 -08:00 committed by GitHub
parent c3b4ce4378
commit faf48db679
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/view/com/feeds/ProfileFeedgens.tsx
View File

@ -1,5 +1,5 @@
import React from 'react' import React from 'react'
import {Dimensions, StyleProp, StyleSheet, View, ViewStyle} from 'react-native' import {StyleProp, StyleSheet, View, ViewStyle} from 'react-native'
import {useQueryClient} from '@tanstack/react-query' import {useQueryClient} from '@tanstack/react-query'
import {List, ListRef} from '../util/List' import {List, ListRef} from '../util/List'
import {FeedSourceCardLoaded} from './FeedSourceCard' import {FeedSourceCardLoaded} from './FeedSourceCard'
@ -180,9 +180,7 @@ export const ProfileFeedgens = React.forwardRef<
refreshing={isPTRing} refreshing={isPTRing}
onRefresh={onRefresh} onRefresh={onRefresh}
headerOffset={headerOffset} headerOffset={headerOffset}
contentContainerStyle={{ contentContainerStyle={isNative && {paddingBottom: headerOffset + 100}}
minHeight: Dimensions.get('window').height * 1.5,
}}
indicatorStyle={theme.colorScheme === 'dark' ? 'white' : 'black'} indicatorStyle={theme.colorScheme === 'dark' ? 'white' : 'black'}
removeClippedSubviews={true} removeClippedSubviews={true}
// @ts-ignore our .web version only -prf // @ts-ignore our .web version only -prf

8
src/view/com/lists/ProfileLists.tsx
View File

@ -1,5 +1,5 @@
import React from 'react' import React from 'react'
import {Dimensions, StyleProp, StyleSheet, View, ViewStyle} from 'react-native' import {StyleProp, StyleSheet, View, ViewStyle} from 'react-native'
import {useQueryClient} from '@tanstack/react-query' import {useQueryClient} from '@tanstack/react-query'
import {List, ListRef} from '../util/List' import {List, ListRef} from '../util/List'
import {ListCard} from './ListCard' import {ListCard} from './ListCard'
@ -182,9 +182,9 @@ export const ProfileLists = React.forwardRef<SectionRef, ProfileListsProps>(
refreshing={isPTRing} refreshing={isPTRing}
onRefresh={onRefresh} onRefresh={onRefresh}
headerOffset={headerOffset} headerOffset={headerOffset}
contentContainerStyle={{ contentContainerStyle={
minHeight: Dimensions.get('window').height * 1.5, isNative && {paddingBottom: headerOffset + 100}
}} }
indicatorStyle={theme.colorScheme === 'dark' ? 'white' : 'black'} indicatorStyle={theme.colorScheme === 'dark' ? 'white' : 'black'}
removeClippedSubviews={true} removeClippedSubviews={true}
// @ts-ignore our .web version only -prf // @ts-ignore our .web version only -prf