Skip to content

[iOS] Horizontal animation shift #425

@kristian-nst

Description

@kristian-nst

Before submitting a new issue

  • I tested using the latest version of the library.
  • I tested using a supported version of React Native.
  • I checked for existing issues that might answer my question.

Bug Summary

You can clearly see that the sheet is moving from left to right - when the content is very short. Is that on purpose? I assume not 🤔

Screen.Recording.2026-01-14.at.2.55.15.PM.mov

Affected Platforms

  • iOS
  • Android
  • Web
  • Other

Library Version

3.7.3

Environment Info

expo-env-info 2.0.8 environment info:
    System:
      OS: macOS 26.1
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 22.11.0 - ~/.local/state/fnm_multishells/15607_1768372490849/bin/node
      Yarn: 1.22.22 - ~/.bun/bin/yarn
      npm: 10.9.0 - ~/.local/state/fnm_multishells/15607_1768372490849/bin/npm
      Watchman: 2024.11.04.00 - /opt/homebrew/bin/watchman
    Managers:
      CocoaPods: 1.16.2 - /Users/frexuz/.rbenv/shims/pod
    SDKs:
      iOS SDK:
        Platforms: DriverKit 25.2, iOS 26.2, macOS 26.2, tvOS 26.2, visionOS 26.2, watchOS 26.2
    IDEs:
      Android Studio: 2024.2 AI-242.23339.11.2421.12550806
      Xcode: 26.2/17C52 - /usr/bin/xcodebuild
    npmPackages:
      expo: ^54.0.7 => 54.0.25 
      react: 19.1.0 => 19.1.0 
      react-native: 0.81.4 => 0.81.4 
    Expo Workflow: bare

Steps to Reproduce

<TrueSheet
          ref={pureTrueSheetRef}
          detents={['auto']}
          draggable={false}
          grabber={false}
          backgroundColor="white"
          onDidDismiss={() => {
            setShowPureTrueSheet(false)
          }}
        >
          <View
            style={{ paddingHorizontal: 24, paddingBottom: 16, paddingTop: 8 }}
          >
            <RNText style={{ fontSize: 20, }}>
             TrueSheet short text
            </RNText>
          </View>
        </TrueSheet>

ps. maybe create a repro-snack template with all the dependencies and a basic sheet in there already? :) annoying creating one every time from scratch - we'd be more willing to make them for every small issue

Repro

Additional Context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingneeds reproNeed to replicate this issue

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions