diff --git a/apps/mobile/src/features/files/FileTreeBrowser.tsx b/apps/mobile/src/features/files/FileTreeBrowser.tsx index f89bea133023..efb8bf4e4d00 100644 --- a/apps/mobile/src/features/files/FileTreeBrowser.tsx +++ b/apps/mobile/src/features/files/FileTreeBrowser.tsx @@ -124,7 +124,7 @@ export function FileTreeBrowser(props: { const insets = useSafeAreaInsets(); // Native transparent-header height ≈ safe-area top + nav bar (~44). Matches the // observed adjustedContentInset bottom (~102) seen in the native trace. - const headerInset = NATIVE_LIQUID_GLASS_SUPPORTED ? insets.top + IOS_NAV_BAR_HEIGHT : 0; + const headerInset = insets.top + IOS_NAV_BAR_HEIGHT; const iconColor = String(useThemeColor("--color-icon-muted")); const { onPreviewFile, onSelectFile, selectedPath: controlledSelectedPath } = props; const controlledSelectedPathRef = useRef(controlledSelectedPath); @@ -245,18 +245,17 @@ export function FileTreeBrowser(props: { data={visibleNodes} keyExtractor={(item) => item.node.path} contentInsetAdjustmentBehavior={NATIVE_LIQUID_GLASS_SUPPORTED ? "automatic" : "never"} - scrollIndicatorInsets={ - NATIVE_LIQUID_GLASS_SUPPORTED - ? { top: headerInset, left: 0, right: 0, bottom: 0 } - : undefined - } + scrollIndicatorInsets={{ top: headerInset, left: 0, right: 0, bottom: 0 }} keyboardDismissMode="on-drag" keyboardShouldPersistTaps="handled" initialNumToRender={FILE_TREE_INITIAL_RENDER_COUNT} maxToRenderPerBatch={FILE_TREE_RENDER_BATCH_SIZE} updateCellsBatchingPeriod={16} windowSize={5} - contentContainerStyle={{ paddingTop: 8, paddingBottom: 8 }} + contentContainerStyle={{ + paddingTop: NATIVE_LIQUID_GLASS_SUPPORTED ? 8 : headerInset + 8, + paddingBottom: 8, + }} refreshControl={} renderItem={renderItem} ListEmptyComponent={