Skip to content

Logo overlaps with status bar / notch on iOS when using MetaMapFlutter.showMetaMapFlow #43

@JohnatanBarrero

Description

@JohnatanBarrero

When integrating the verification flow using MetaMapFlutter.showMetaMapFlow, the logo appears too close to the top edge of the screen on iOS devices.

On newer iPhones (with notch / dynamic island), the logo overlaps or gets clipped by the status bar area, suggesting that safe area insets are not being properly respected.

📱 Steps to Reproduce
Integrate MetaMapFlutter.showMetaMapFlow in a Flutter app
Run the app on a physical iOS device (iPhone with notch or dynamic island)
Start the MetaMap verification flow
Observe the top section of the screen
❌ Expected Behavior
iOS 16.7.12

Image

The logo should be displayed below the safe area, properly respecting the status bar and notch.

✅ Actual Behavior

iOS 26.3.1*
Image

The logo is rendered too close to the top and overlaps with the status bar / notch area.

📦 Environment
iOS version: (iOS 26.3.1)
Device: (e.g. iPhone 14 Pro)
Package version: (MetaMap Flutter SDK version)
💡 Additional Context

This issue seems related to missing SafeArea handling or incorrect layout constraints in the iOS native view.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions