about summary refs log tree commit diff
path: root/src/view/com/util
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/com/util')
-rw-r--r--src/view/com/util/Views.web.tsx13
1 files changed, 12 insertions, 1 deletions
diff --git a/src/view/com/util/Views.web.tsx b/src/view/com/util/Views.web.tsx
index 63121d938..804192a37 100644
--- a/src/view/com/util/Views.web.tsx
+++ b/src/view/com/util/Views.web.tsx
@@ -25,6 +25,10 @@ import {
 import {addStyle, colors} from 'lib/styles'
 import {usePalette} from 'lib/hooks/usePalette'
 
+interface AddedProps {
+  desktopFixedHeight?: boolean
+}
+
 export function CenteredView({
   style,
   ...props
@@ -38,8 +42,9 @@ export const FlatList = React.forwardRef(function <ItemT>(
     contentContainerStyle,
     style,
     contentOffset,
+    desktopFixedHeight,
     ...props
-  }: React.PropsWithChildren<FlatListProps<ItemT>>,
+  }: React.PropsWithChildren<FlatListProps<ItemT> & AddedProps>,
   ref: React.Ref<RNFlatList>,
 ) {
   const pal = usePalette('default')
@@ -60,6 +65,9 @@ export const FlatList = React.forwardRef(function <ItemT>(
       paddingTop: Math.abs(contentOffset.y),
     })
   }
+  if (desktopFixedHeight) {
+    style = addStyle(style, styles.fixedHeight)
+  }
   return (
     <RNFlatList
       ref={ref}
@@ -122,4 +130,7 @@ const styles = StyleSheet.create({
   containerDark: {
     backgroundColor: colors.gray7,
   },
+  fixedHeight: {
+    height: '100vh',
+  },
 })