Cineo · Payment Method
Cineo · Payment Method is a production-ready Streaming Flutter screen from FlutterKit Pro, installable with flutterkit add stream-auth-payment.
Payment Method is the final step ("Step 3 of 3") of Cineo's sign-up flow, a drop-in Flutter checkout screen rendered entirely in-app. Below a back-button top bar, a bold 28px "Payment method" title and a reassuring "You won't be charged until your free trial ends." subtitle sit above a row of three _MethodChip selectors — Card, PayPal and Apple Pay — each a tappable 64px tile that lights up with a red-tinted fill and 1.6px accent border when chosen. Picking Card reveals a painted _CardPreview: a 1.6-aspect gradient card (bright brand red into deep maroon) with a soft red glow shadow, a play-arrow CINEO wordmark, a pale chip block, the 4242 4242 4242 4242 number, cardholder name and expiry. Under it, _FieldLabel + _InputField rows render Card number, Expiry and CVC inputs (icon-prefixed, rounded surface-alt fields with a brand-red cursor). Choosing PayPal or Apple Pay instead swaps the form for a _RedirectNote explaining a secure hand-off. A _SummaryCard breaks down Standard plan $12.99/mo, a green 7-day free-trial credit, a $0.00 Due today line and the renewal disclaimer. A pinned bottom bar shows a green-lock "Secured with 256-bit encryption" line and the gradient _PrimaryButton "Start Membership". Self-contained pure Flutter: bundled Inter font, its own cinematic dark theme (#0B0B0F background, #E50914 accent), SafeArea, ListView scrolling and overflow-proof layout, no network images. Backend-agnostic — onBack and onStart callbacks are injected so you wire it to any billing provider.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_MethodChip selector row with card/paypal/applePay enum state and red-tinted selected styling
- ✓_CardPreview painted gradient card with CINEO play-arrow wordmark, chip block and glow shadow
- ✓_InputField / _FieldLabel clusters for Card number, Expiry and CVC with icon prefixes and brand cursor
- ✓_RedirectNote fallback shown when PayPal or Apple Pay is selected instead of the card form
- ✓_SummaryCard billing breakdown: Standard plan, free-trial credit, $0.00 due today and renewal disclaimer
- ✓Pinned bottom bar with 256-bit encryption lock line and gradient _PrimaryButton wired to onStart / onBack callbacks
Use cases
- ✓Final checkout step of a streaming or subscription app's free-trial sign-up flow
- ✓Adding a card-plus-wallet payment picker to any membership onboarding sequence
- ✓Prototyping trial-to-paid conversion screens with a clear $0.00 due-today summary
- ✓A reusable drop-in payment form wired to Stripe, PayPal or Apple Pay via injected callbacks
