Skip to content

Form Sheet's scrollable content is abruptly cut off while the sheet is transitioning between detents #3920

@SimpleCreations

Description

@SimpleCreations

Description

On iOS, when the sheet is transitioning from the fully expanded state to a fractional detent, the content that will be hidden after the transition cuts abruptly before the transition finishes, creating a "flash".

Simulator.Screen.Recording.-.iPhone.11.Pro.-.2026-04-21.at.18.53.22.mov

Steps to reproduce

import { Button, ScrollView, View } from 'react-native';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

const Stack = createNativeStackNavigator();

const HomeScreen = ({ navigation }) => (
  <Button
    title="Open form sheet"
    onPress={() => navigation.navigate('Sheet')}
  />
);

const SheetScreen = () => (
  <ScrollView contentContainerStyle={{ padding: 24 }}>
    <View style={{ height: 999, backgroundColor: 'pink', borderRadius: '100%' }} />
  </ScrollView>
);

const App = () => (
  <SafeAreaProvider>
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen
          name="Sheet"
          component={SheetScreen}
          options={{ presentation: 'formSheet', sheetAllowedDetents: [0.5, 1] }}
        />
      </Stack.Navigator>
    </NavigationContainer>
  </SafeAreaProvider>
);

export default App;

Snack or a link to a repository

https://github.com/SimpleCreations/SEE_REPRO_ABOVE_sorry_bot

Screens version

4.24.0

React Native version

0.85.2

Platforms

iOS

JavaScript runtime

Hermes

Workflow

React Native (without Expo)

Architecture

Fabric (New Architecture)

Build type

Debug mode

Device

iOS simulator

Device model

No response

Acknowledgements

Yes

Metadata

Metadata

Assignees

No one assigned

    Labels

    platform:iosIssue related to iOS part of the libraryrepro-providedA reproduction with a snack or repo is provided

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions