Layout inconsistency in iOS Dark mode

[viktor-ohanyan-dev]

Describe the bug Payment Sheet has extra dark space at the bottom in device dark mode

To Reproduce Steps to reproduce the behavior:

1. Go to iPhone Settings > Display & Brightness > APPEARANCE
2. Change appearance from Light to Dark
3. Observe a black space at the bottom

Expected behavior Payment Sheet view should be the same on both device modes

Smartphone / tablet

• Device: iPhone 12
• OS: iOS 15.1
• Package version: 2.0.1
• Flutter version: 2.5.3

[remonh87]

This is also looks like it is fixed in the newest version of the sync with the native Stripe SDK cannot reproduce it anymore there.

[remonh87]

fixed in version 2.0.2

[viktor-ohanyan-dev]

@remonh87 Unfortunately, we are still facing this problem in version 2.0.2. It's not fixed.

[remonh87]

I see the issue I will raise a ticket on Stripe SDK, As workaround when you set the ThemeMode to system everything behaves perfectly.

[remonh87]

waiting for ticket: https://github.com/stripe/stripe-react-native/issues/709

[aryanbm]

@remonh87 I have the same problem, and it hasn't been fixed (flutter_stripe: ^2.0.2)

[remonh87]

@aryanbm we are waiting for stripe to fix it there is nothing on our side that we can do about it.

[remonh87]

This is solved in version https://pub.dev/packages/flutter_stripe/changelog#310 where you can style the paymentsheet.