Flutter适配安卓刘海、水滴屏显示全屏

原创

已于 2022-06-06 16:10:36 修改 · 3.2k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#Flutter #android #刘海屏 #水滴屏

于 2021-03-09 23:08:38 首次发布

本文介绍如何在Flutter项目中配置Android应用的主题，包括设置启动页(Splash)和正常页面的主题样式，以及如何通过调整styles.xml文件实现对刘海屏的支持，并提供隐藏状态栏的方法。

配置Android
找到android/app/src/main/res/values目录,打开styles.xml
将shortEdges放到style标签内。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- Theme applied to the Android Window while the process is starting -->
    <style name="LaunchTheme" parent="

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

旺仔大牛

关注关注

4
点赞
踩
4

收藏

觉得还不错? 一键收藏
4
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Flutter 安卓端启动页全屏+沉浸式状态栏

2501_90225502的博客

01-17

565

4、导航到Flutter MyApp后希望能看到沉浸式状态栏， MyApp继承自StatelessWidget（是不可变的，所有的值是最终的）。适配安卓5.0-9.0的样式放置在values-v21文件夹下。适配安卓9.0以上的样式放置在values-v28文件夹下。适配安卓5.0以下样式放置在values文件夹下。SplashActivity样式。SplashActivity样式。SplashActivity样式。MainActivity样式。MainActivity样式。MainActivity样式。

flutter_windows_fullscreen：全屏显示插件和全屏显示

02-12

flutter_windows_fullscreen 全屏显示插件和全屏显示，并显示janela。

4 条评论您还未登录，请先登录后发表或查看评论

4 条评论

fdsvdss 2022.06.06
牛，解决了我的问题，感谢
- 旺仔大牛回复fdsvdss 2022.06.06
  [face]emoji:005.png[/face]

flutter设置竖屏、全屏

最新发布

weixin_74261199的博客

09-20

133

【代码】flutter设置竖屏、全屏。

Flutter iPhoneX 刘海屏适配

ly410726的专栏

12-19

1602

对于Flutter来说，刘海屏主要适配的是上下的边距，需要把不可点击的区域留出来，同时要把背景颜色和图片放上去。对于上面的边距，如果使用 Scaffold ， appBar已经自动为我们做好了适配，直接使用就行了。如果使用的是自定义布局的话， Flutter 提供了媒体查询的接口，可与获取到上边距和下边距的值。 final double topPadding = MediaQue...

Flutter 刘海屏全屏

唐僧的专栏

12-05

2695

Flutter 刘海屏全屏

[Flutter] flutter刘海屏处理、flutter沉浸式状态栏

阿航的技术小站

02-06

5815

针对于非传统矩形屏幕(如刘海屏等), flutter需要进行处理, 否则会出现重叠, 遮挡等问题方法一: 使用SafeArea组件 flutter提供了SafeArea内置组件将需要放在可视区域的组件包裹进入即可示例: // 将文字"123"放进可视区域内 SafeArea( child: Text("123"), ); 此方式较为方便, 代码美观...

Flutter：基于video_player实现视频相关手势控制、全屏播放

m0_66264588的博客

01-18

1047

import ‘video_player_control.dart’; class ControllerWidget extends InheritedWidget { ControllerWidget({ this.controlKey, this.child, this.controller, this.videoInit, this.title }); final String title; final GlobalKey controlKey; final Widget child; final

Flutter全屏幕适配指南

weixin_43800535的博客

04-13

4109

Flutter全屏幕适配指南

2401_84558314的博客

05-07

843

面试题集可以帮助你查漏补缺，有方向有针对性的学习，为之后进大厂做准备。但是如果你仅仅是看一遍，而不去学习和深究。那么这份面试题对你的帮助会很有限。最终还是要靠资深技术水平说话。网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。建议先制定学习计划，根据学习计划把知识点关联起来，形成一个系统化的知识体系。学习方向很容易规划，但是如果只通过碎片化的学习，对自己的提升是很慢的。

flutter 启动页全屏

weixin_43984001的博客

09-08

313

flutter android 设置启动图全屏

Flutter全面屏适配

wayne214的博客

01-19

1008

笔者在这篇文章ReactNative全面屏(Android)适配问题提及了现在的全面屏问题，不仅是Android平台，IOS平台也是，给我的感觉就是手机越来越长了。现在的手机长宽比早就不是之前的16：9了，比如iphoneX 的长宽比为13：6，而现在多数的Android手机都到了19.5：9，有的甚至达到了21：9。基于科技的发展(适配的血泪史),Flutter开发自然也需要注意这个问题。 ...

flutter设置windows是否显示标题栏和状态栏和全屏显示

01-22

4913

标题栏新增功能按钮及自定义标题栏，实现窗口的最大化、最小化、恢复为上一次的状态、关闭；隐藏原有标题栏->自定义标题栏->调用Window API实现相关API@override//可拖动区域Expanded()),// 可任意添加其他功能按钮...//自定义最小化按钮),//自定义最大化按钮// },),//自定义关闭窗口按钮),],),windowManager.maximize() 窗口最大化windowManager.minimize() 窗口最小化。

【Flutter】Flutter 全面屏适配 ( 需要适配的情况 | Android 设置最大宽高比 | 使用 SafeArea 进行全面屏适配 | 使用 MediaQuery 进行全面屏适配 )

让学习成为一种习惯 ( 韩曙亮の技术博客 )

09-01

3172

一、Flutter 全面屏适配、二、全面屏适配的情况、三、全面屏适配方法、四、反面示例 ( 留海遮挡内容 )、五、Android 中配置最大宽高比、六、使用 SafeArea 进行全面屏适配、七、使用 MediaQuery 进行全面屏适配、

Flutter视频播放器在iOS端和Android端都能实现全屏播放

weixin_43031192的博客

12-08

1829

封装的播放器代码如下：如果碰到的错误，关闭App，重新运行（Flutter run）就行了视频播放链接 3、iOS端的代码（用OC实现的）（只贴出文件目录，需要的同学可以直接去GitHub上下载原代码）因为写视频播放器的时候用到了三方，所有用户需要再里面加入喜欢的同学欢迎帮忙点个star😄😄 简书传送门

Flutter splash 屏幕

会煮咖啡的猫咪

11-25

899

Flutter splash 屏幕原文 https://medium.com/@bedirhanssaglam/flutter-splash-screen-a8cafec52c8e 前言启动画面通常被特别大的应用程序用来通知用户程序正在加载过程中。它们提供的反馈表明，一个漫长的过程正在进行中。有时，启动画面中的进度条会指示加载进度。当应用程序的主窗口出现时，启动画面就会消失。启动画面可以添加一段时间，然后重新替换。正文启动画面通常用于增强应用程序或网站的外观和感觉，因此它们通常在视觉上很