Aurum · P2P Trade — Web3 Flutter screen
Web3
80 views

Aurum · P2P Trade

Aurum · P2P Trade is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-p2p-trade.

The Aurum P2P Trade screen is the active order view a buyer sees mid-trade. A gradient header card labelled "Pay within" shows a large tabular-figure countdown (14:38) in Binance-yellow, with three inline stats underneath — You pay $1,001.00, You get 1,000 USDC, Price $1.001. Below, an "Escrow status" card renders a vertical step rail of four states: two completed steps (green check dots), one active step ("Send payment to seller") highlighted in yellow with a ring dot, and an upcoming greyed step ("Seller releases USDC"), all connected by a painted connector line. A seller chat-preview card shows a "C" avatar, the handle CryptoKing, a truncated last message and a chat-bubble button. A pinned bottom bar pairs a "Cancel" outlined button with a wide yellow "I have paid" FilledButton. Built in pure Flutter on a forced dark theme: the escrow rail is composed from Container dots, Icon checks and Expanded connector bars inside IntrinsicHeight rows (no glyph hacks, no network images), the bundled Inter font is used throughout, and onBack / onMarkPaid callbacks keep it backend-agnostic.

Reveal the one-line command to drop this screen into your project.

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Gradient countdown header card with tabular-figure timer and three You pay / You get / Price stats
  • Four-step escrow rail (done / active / upcoming) built from Container dots, check icons and Expanded connector lines inside IntrinsicHeight rows
  • Seller chat-preview card with initial avatar, handle, ellipsised last message and a chat-bubble action button
  • Pinned bottom action bar pairing an outlined Cancel button with a wide yellow 'I have paid' FilledButton
  • onBack and onMarkPaid VoidCallback hooks for backend-agnostic wiring; bundled Inter font and forced dark ThemeData
  • Single self-contained _Stat helper widget plus painted step graphics, no plugins or network images

Use cases

  • Active P2P order detail in a crypto exchange or wallet app
  • Escrow-backed fiat-to-stablecoin buy flow with a payment deadline
  • Marketplace transaction tracker showing buyer-seller step progress
  • USDC OTC desk order status with mark-paid confirmation

Related screens