I built a flutter application for web and then I installed it on my mac as a progressive web app from chrome. But the problem is there is a default top bar appearing on my web app. I don't want it. I want to remove it.
This light blue color top bar "Your ally for tele-rehabilitation - AllyCare"
The top right menu appears as
Minimal code for this screen
CustomScrollView(
physics: const BouncingScrollPhysics(),
slivers: [
// Top Appbar
if (controller.showHomeAppbar) ...[
SliverAppBar(
toolbarHeight: 60,
collapsedHeight: 60,
flexibleSpace: FlexibleSpaceBar(
background: Align(
alignment: Alignment.topCenter,
child: SizedBox(
width: Responsive.isTablet(context) ? Get.width : 654,
child: AssessmentHomeAppbar(
username: controller.name.value,
),
),
),
),
expandedHeight: appbarHeight,
backgroundColor: Colors.transparent,
),
],
// Body
SliverToBoxAdapter(
child: Align(
alignment: Alignment.topCenter,
child: SizedBox(
width: Responsive.isTablet(context) ? Get.width : 654,
child: ConstrainedBox(
constraints: BoxConstraints(
minHeight: Get.height - appbarHeight,
),
child: DecoratedBox(
decoration: const BoxDecoration(
color: AppColors.whiteColor,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(28),
topRight: Radius.circular(28),
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(height: 20),
// Assessments Section
if (controller.assessmentList.isNotEmpty) ...[
AssessmentsSection(
assessmentList: controller.assessmentList,
assessmentInHomeTab:
controller.assessmentInHomeTab,
isFromDeepLink: isComingFromDeepLink,
),
],
// Personalised Plan Section
if (controller.exerciseProgramModel != null) ...[
Padding(
padding: const EdgeInsets.symmetric(
horizontal: 24),
child: ResponsiveText(
AppText.yourPersonalisedPlan.tr,
style: const TextStyle(
fontSize: 14,
color: AppColors.secondaryColor,
fontWeight: FontWeight.w600,
),
),
),
const SizedBox(height: 6),
PersonalisedPlanBox(
pendingSessions: controller.pendingSessions,
exerciseProgramModel:
controller.exerciseProgramModel!,
completedSessions:
controllerpletedSession,
isComingFromLogin: isComingFromLogin,
onTap: () {
if (!controller.newDataLoaded) {
showSnackBar(context);
return;
}
controller.checkForResume(
isPlanExpired: controller.isPlanExpired,
sessionNumber:
controllerpletedSession + 1,
context: context,
fromLogin: isComingFromLogin,
);
},
),
const SizedBox(height: 15),
],
],
),
),
),
),
),
)
],
),
AssessmentHomeAppbar
widget contains Greeting message, Schedule your video appointment Card and Leaderboard Card only.
My manifest.json
file used in index.html.
{
"short_name": "AllyCare",
"name": "Your ally for tele-rehabilitation",
"icons": [
{
"src": "Logo-08.png",
"type": "image/png",
"sizes": "144x144"
}
],
"start_url": ".",
"display": "fullscreen",
"theme_color": "#000000",
"background_color": "#ffffff",
"description": "A new Flutter project.",
"orientation": "portrait-primary",
"prefer_related_applications": false
}