最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

dart - How to remove the top bar in a Progressive Web App build in Flutter? - Stack Overflow

programmeradmin3浏览0评论

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
}
发布评论

评论列表(0)

  1. 暂无评论