Webview screen freezes loading gif while initiating payment

[aabhik-coder]

Describe the bug
After initiating payment the webview launch then, the khalti loading start and stuck(freezes) .

To Reproduce
import 'dart:developer';

import 'package:flutter/material.dart';
import 'package:khalti_checkout_flutter/khalti_checkout_flutter.dart';

void main() {
runApp(
const MaterialApp(
home: KhaltiSDKDemo(),
),
);
}

class KhaltiSDKDemo extends StatefulWidget {
const KhaltiSDKDemo({super.key});

@OverRide
State createState() => _KhaltiSDKDemoState();
}

class _KhaltiSDKDemoState extends State {
late final Future<Khalti?> khalti;

String pidx =
'PIDX';

PaymentResult? paymentResult;

@OverRide
void initState() {
super.initState();
final payConfig = KhaltiPayConfig(
publicKey:
'testID"
pidx: pidx,
environment: Environment.test,
);

khalti = Khalti.init(
  enableDebugging: true,
  payConfig: payConfig,
  onPaymentResult: (paymentResult, khalti) {
    log(paymentResult.toString());
    setState(() {
      this.paymentResult = paymentResult;
    });
    khalti.close(context);
  },
  onMessage: (
    khalti, {
    description,
    statusCode,
    event,
    needsPaymentConfirmation,
  }) async {
    log(
      'Description: $description, Status Code: $statusCode, Event: $event, NeedsPaymentConfirmation: $needsPaymentConfirmation',
    );
    khalti.close(context);
  },
  onReturn: () => log('Successfully redirected to return_url.'),
);

}

@OverRide
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: FutureBuilder(
future: khalti,
initialData: null,
builder: (context, snapshot) {
final khaltiSnapshot = snapshot.data;
if (khaltiSnapshot == null) {
return const CircularProgressIndicator.adaptive();
}
return Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const SizedBox(height: 120),
const Text(
'Rs. 22',
style: TextStyle(fontSize: 25),
),
const Text('1 day fee'),
OutlinedButton(
onPressed: () => khaltiSnapshot.open(context),
child: const Text('Pay with Khalti'),
),
const SizedBox(height: 120),
paymentResult == null
? Text(
'pidx: $pidx',
style: const TextStyle(fontSize: 15),
)
: Column(
children: [
Text(
'pidx: ${paymentResult!.payload?.pidx}',
),
Text('Status: ${paymentResult!.payload?.status}'),
Text(
'Amount Paid: ${paymentResult!.payload?.totalAmount}',
),
Text(
'Transaction ID: ${paymentResult!.payload?.transactionId}',
),
],
),
const SizedBox(height: 120),
const Text(
'This is a demo application developed by some merchant.',
style: TextStyle(fontSize: 12),
)
],
);
},
),
),
);
}
}

Expected behavior
Initiate payment by launching webview and ask for khalti Id .

Device Information (please complete the following information):

• Device: Android
• API Level : 30

Screenshots
https://github.com/user-attachments/assets/574f9139-bb2c-4148-9f8f-eff1c767ae43

**Additional Context **
When i view call stack in vscode it's keep flashing 2-3 call back while the app is in webview .