109 lines
3.2 KiB
Dart
109 lines
3.2 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
/// Mini-App Example: Simple Payment Demo
|
|
///
|
|
/// This demonstrates how a mini-app would use PaymentAPI.
|
|
/// In a real mini-app, PaymentAPI would be accessed through
|
|
/// eval bridge provided by flutter_eval.
|
|
Widget buildEntry() {
|
|
return const PaymentDemoHome();
|
|
}
|
|
|
|
class PaymentDemoHome extends StatefulWidget {
|
|
const PaymentDemoHome({super.key});
|
|
|
|
@override
|
|
PaymentDemoHomeState createState() => PaymentDemoHomeState();
|
|
}
|
|
|
|
class PaymentDemoHomeState extends State<PaymentDemoHome> {
|
|
String _status = 'Ready';
|
|
|
|
void _updateStatus(String status) {
|
|
setState(() {
|
|
_status = status;
|
|
});
|
|
}
|
|
|
|
void _createOrder() {
|
|
_updateStatus('Order created! Order ID: ORD-001');
|
|
}
|
|
|
|
void _processPaymentWithOverlay() {
|
|
_updateStatus('Payment completed successfully!');
|
|
}
|
|
|
|
void _processDirectPayment() {
|
|
_updateStatus('Direct payment successful!');
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(title: const Text('Payment API Demo')),
|
|
body: Center(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(24.0),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const Icon(Icons.payment, size: 80, color: Colors.blue),
|
|
const SizedBox(height: 32),
|
|
const Text(
|
|
'Payment API Demo',
|
|
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
|
|
),
|
|
const SizedBox(height: 8),
|
|
const Text(
|
|
'Example mini-app demonstrating PaymentAPI usage',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(color: Colors.grey),
|
|
),
|
|
const SizedBox(height: 32),
|
|
Card(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: Column(
|
|
children: [
|
|
const Text(
|
|
'Status:',
|
|
style: TextStyle(fontWeight: FontWeight.bold),
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(_status, textAlign: TextAlign.center),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 24),
|
|
SizedBox(
|
|
width: double.infinity,
|
|
child: ElevatedButton(
|
|
onPressed: () => _createOrder(),
|
|
child: const Text('Create Order'),
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
SizedBox(
|
|
width: double.infinity,
|
|
child: ElevatedButton(
|
|
onPressed: () => _processPaymentWithOverlay(),
|
|
child: const Text('Pay with Overlay'),
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
SizedBox(
|
|
width: double.infinity,
|
|
child: ElevatedButton(
|
|
onPressed: () => _processDirectPayment(),
|
|
child: const Text('Direct Payment'),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|