react-native-purchases icon indicating copy to clipboard operation
react-native-purchases copied to clipboard

Passing styles to Paywall in react-native-purchases-ui not working

Open christophby opened this issue 4 months ago • 5 comments

Describe the bug When passing styles - in this case paddingTop - via the style prop, the style it not being applied to the paywall. Only when adding a timeout before rendering the paywall, it seems to work.

This comment let me try the timeout solution.

❌ not working example

export function PaywallScreen() {
  return (
    <View style={{ flex: 1, backgroundColor: "#fff" }}
        <RevenueCatUI.Paywall
          style={{ paddingTop: 32 }}
        />
    </View>
  );
}

✅ working example

export function PaywallScreen() {
 const [loading, setLoading] = React.useState(true);

  return (
    <View style={{ flex: 1, backgroundColor: "#fff" }}>
      {loading ? (
        <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
          <ActivityIndicator />
        </View>
      ) : (
        <RevenueCatUI.Paywall
          style={{ paddingTop: 32 }}
        />
     )}
    </View>
  );
}
  1. Environment
    1. Platform: React Native, iOS simulator
    2. SDK version: "react-native-purchases": "9.2.2", "react-native-purchases-ui": "9.2.2",
    3. OS version: 15.5
    4. Xcode version: 16.3
    5. React Native version: 0.76.9 (no expo)
    6. SDK installation (CocoaPods + version or manual):
    7. How widespread is the issue. Percentage of devices affected.
  2. Debug logs that reproduce the issue
  3. Steps to reproduce, with a description of expected vs. actual behavior
  4. Other information (e.g. stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, etc.)

Additional context Add any other context about the problem here.

christophby avatar Aug 20 '25 09:08 christophby

👀 We've just linked this issue to our internal tracker and notified the team. Thank you for reporting, we're checking this out!

RCGitBot avatar Aug 20 '25 09:08 RCGitBot

Hey @christophby,

Thank you for reporting this! I've just passed this issue on to the engineering team for review. We will keep you posted.

mawr92 avatar Aug 22 '25 14:08 mawr92

Image

christophby avatar Sep 22 '25 07:09 christophby

Reopened issue. It was closed due to a failing automation. Sorry about that.

ajpallares avatar Sep 22 '25 07:09 ajpallares

Reopened issue. It was closed due to a failing automation. Sorry about that.

No worries 😄 I'm happy that you're taking care of that

christophby avatar Sep 22 '25 07:09 christophby