use fullScreen instead of formSheet

This commit is contained in:
Samuel Newman
2024-04-18 14:50:47 +01:00
parent 89f51c72fc
commit be8ce8af63
2 changed files with 2 additions and 5 deletions
+1 -1
View File
@@ -150,7 +150,7 @@ export const ComposePost = observer(function ComposePost({
const viewStyles = useMemo( const viewStyles = useMemo(
() => ({ () => ({
paddingBottom: isNative ? insets.bottom + (isIOS ? 80 : 0) : 0, paddingBottom: isNative ? insets.bottom + (isIOS ? 80 : 0) : 0,
paddingTop: isMobile && isWeb ? 15 : 0, paddingTop: isIOS ? insets.top - 12 : isMobile && isWeb ? 15 : 0,
}), }),
[insets, isMobile], [insets, isMobile],
) )
+1 -4
View File
@@ -1,9 +1,7 @@
import React from 'react' import React from 'react'
import {Modal} from 'react-native' import {Modal} from 'react-native'
import {StatusBar} from 'expo-status-bar'
import {observer} from 'mobx-react-lite' import {observer} from 'mobx-react-lite'
import {isIOS} from '#/platform/detection'
import {Provider as LegacyModalProvider} from '#/state/modals' import {Provider as LegacyModalProvider} from '#/state/modals'
import {useComposerState} from 'state/shell/composer' import {useComposerState} from 'state/shell/composer'
import {ModalsContainer as LegacyModalsContainer} from '#/view/com/modals/Modal' import {ModalsContainer as LegacyModalsContainer} from '#/view/com/modals/Modal'
@@ -24,7 +22,7 @@ export const Composer = observer(function ComposerImpl({}: {
aria-modal aria-modal
accessibilityViewIsModal accessibilityViewIsModal
visible={!!state} visible={!!state}
presentationStyle="formSheet" presentationStyle="fullScreen"
animationType="slide" animationType="slide"
onRequestClose={() => ref.current?.onPressCancel()}> onRequestClose={() => ref.current?.onPressCancel()}>
<LegacyModalProvider> <LegacyModalProvider>
@@ -42,7 +40,6 @@ export const Composer = observer(function ComposerImpl({}: {
<PortalOutlet /> <PortalOutlet />
</PortalProvider> </PortalProvider>
</LegacyModalProvider> </LegacyModalProvider>
{isIOS && <StatusBar style="light" />}
</Modal> </Modal>
) )
}) })