直播app源码,背景主题以及状态栏的更改和设置

直播app源码,背景主题以及状态栏的更改和设置实现的相关代码

一、依赖

只需要原生io和services即可。

功能主要为可以自定义AppBar及整体页面布局。

1. 状态栏管理

主要使用如下

 

1
<br>import 'dart:io';<br>import 'package:flutter/services.dart';<br>SystemUiOverlayStyle value;<br>if(Platform.isAndroid){<br>  value = SystemUiOverlayStyle(<br>    statusBarColor: Colors.transparent, /// 安卓系统状态栏存在底色,所以需要加这个<br>    statusBarIconBrightness: Brightness.dark, /// 状态栏字体颜色<br>  );<br>} /// 仅IOS可直接使用:SystemUiOverlayStyle.dark, 状态栏主题色,表现为dart:黑色,light:白色<br>AnnotatedRegion<SystemUiOverlayStyle>(<br>  value: value<br>  child: Scaffold(<br>    body: Widget<br>  )<br>)

​二、使用

 

1
import 'dart:io';<br>import 'package:flutter/services.dart';<br>customerTheme(bool inset, SystemUiOverlayStyle value, Widget body, {BoxDecoration? boxDecoration, Function()? onTap, bool willPop = false}){<br>  if(Platform.isAndroid){<br>    value = SystemUiOverlayStyle(<br>      statusBarColor: Colors.transparent,<br>      statusBarIconBrightness: Brightness.dark,<br>    );<br>  }<br>  return AnnotatedRegion<SystemUiOverlayStyle>(<br>      value: value,<br>      child: Scaffold(<br>          resizeToAvoidBottomInset: inset, /// true时body和scaffold的浮动窗口小部件应自行调整大小,避免键盘弹出时溢出<br>          body: willPop ? WillPopScope( /// 阻止左滑动或安卓返回键退出<br>            onWillPop: () async {<br>              return true;<br>            },<br>            child: GestureDetector(<br>              onTap: onTap,<br>              child: Container(<br>                height: double.infinity,<br>                width: double.infinity,<br>                decoration: boxDecoration,<br>                child: body,<br>                margin: EdgeInsets.only(top: 10.dp),<br>              ),<br>            ),<br>          ) : GestureDetector(<br>            onTap: onTap,<br>            child: Container(<br>              height: double.infinity,<br>              width: double.infinity,<br>              decoration: boxDecoration,<br>              child: Column(<br>                children: [<br>                  Get.getHeightBox(10.dp),<br>                  Expanded(child: body)<br>                ],<br>              ),<br>            ),<br>          )<br>      )<br>  );<br>}

以上就是直播app源码,背景主题以及状态栏的更改和设置实现的相关代码, 更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(260)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示