How to let users pick between monthly and yearly plans in FlutterFlow’s RevenueCat integration

Integrations

I’m using FlutterFlow’s built-in RevenueCat integration to create a custom paywall UI with two cards: one for the monthly plan and one for the yearly plan. The official docs only show how to configure a single subscription option (hard-coded) in the Purchase action. I need to:

  1. Let the user tap either the monthly or yearly card to select that plan.

  2. Then tap a single “Buy” button that initiates the RevenueCat purchase for the plan they selected.

But in the Purchase action’s Package ID field I only see a way to bind one static package or choose “Package by Identifier,” and I don’t see how to point that at a dynamic App State or Action Output variable. I can’t figure out how to wire up my selectedPlan string (e.g. "myapp.monthly" or "myapp.yearly") into the Purchase action so it charges the correct plan.

What have you tried so far?
  • Created two tappable cards, each updating an App State selectedPlan string to either the monthly or yearly package identifier.

  • Added a “Buy” button with RevenueCat → Purchase, but the Package ID dropdown only lets me pick a single package or does not expose my App State variable.

  • Reviewed FlutterFlow docs (Integrations → RevenueCat) and RevenueCat’s own docs — they only cover setting up a single package, not multiple options with one purchase action.

  • Tried both “From Variable → Filter List Items” and “Package by Identifier,” but I don’t see my selectedPlan in the picker.

Did you check FlutterFlow's Documentation for this topic?
Yes
5
4 replies