I am trying to build an app using flutter_webview_plugin. Webview is loading perfectly, even flutter_spinkit is showing loading spinner during loading webview.

But I want to show a logo on top of the loading spinner.

Can anybody help me, please?

My code is provided below:

import 'dart:async';

import 'package:flutter/material.dart';

import 'package:flutter_spinkit/flutter_spinkit.dart';

import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

// This widget is the root of your application.

@override

Widget build(BuildContext context) {

return MaterialApp(

debugShowCheckedModeBanner: false,

home: MyHomePage(),

);

}

}

class MyHomePage extends StatefulWidget {

@override

_MyHomePageState createState() => _MyHomePageState();

}

class _MyHomePageState extends State {

@override

Widget build(BuildContext context) {

return WebviewScaffold(

url: "https://babypanda.com.bd/",

withJavascript: true,

withZoom: false,

hidden: true ,

initialChild: Container(

color: Colors.white,

child: const Center(

// I WANT TO DISPLAY LOGO HERE ....

child: SpinKitWave(color: Colors.lightBlueAccent, type: SpinKitWaveType.start),

),

), );

}

}