mirror of
https://github.com/bulwarkmail/native.git
synced 2026-11-04 16:06:41 +00:00
fix: keep the compose button and list ends above the tablet taskbar
This commit is contained in:
@@ -1,6 +1,7 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { ActivityIndicator, AppState, Linking, StyleSheet, Text, View } from 'react-native';
|
import { ActivityIndicator, AppState, Linking, StyleSheet, Text, View } from 'react-native';
|
||||||
import { StatusBar } from 'expo-status-bar';
|
import { StatusBar } from 'expo-status-bar';
|
||||||
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
||||||
import { useColorScheme } from 'react-native';
|
import { useColorScheme } from 'react-native';
|
||||||
import {
|
import {
|
||||||
DarkTheme, DefaultTheme, NavigationContainer, createNavigationContainerRef, useIsFocused,
|
DarkTheme, DefaultTheme, NavigationContainer, createNavigationContainerRef, useIsFocused,
|
||||||
@@ -246,9 +247,12 @@ function MainTabsNavigator({ navigation }: NativeStackScreenProps<RootStackParam
|
|||||||
// Side by side layouts move the tabs into a rail on the left, like the
|
// Side by side layouts move the tabs into a rail on the left, like the
|
||||||
// webmail's navigation rail.
|
// webmail's navigation rail.
|
||||||
const { isSplit } = useLayout();
|
const { isSplit } = useLayout();
|
||||||
|
// A bottom tab bar keeps the screens clear of the gesture bar or taskbar;
|
||||||
|
// with the tabs in a side rail the whole tab area has to.
|
||||||
|
const bottomInset = useSafeAreaInsets().bottom;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<View style={{ flex: 1, backgroundColor: c.background }}>
|
<View style={{ flex: 1, backgroundColor: c.background, paddingBottom: isSplit ? bottomInset : 0 }}>
|
||||||
<UpdateBanner />
|
<UpdateBanner />
|
||||||
<OfflineCacheBanner />
|
<OfflineCacheBanner />
|
||||||
<PushOnboardingPrompt />
|
<PushOnboardingPrompt />
|
||||||
|
|||||||
Reference in New Issue
Block a user