189 8069 5689

flutter黑色,flutter border

3、Flutter中ThemeData与AppBar

本次主要是记录Fultter Theme主题的设备与AppBar中的一些属性的使用及说明。目前项目开发有了四个界面。前期主题没太注意,今天看来要好好总结一下近期所学。

从网站建设到定制行业解决方案,为提供成都网站制作、做网站、外贸营销网站建设服务体系,各种行业企业客户提供网站建设解决方案,助力业务快速发展。创新互联公司将不断加快创新步伐,提供优质的建站服务。

首先,Android主题沉浸式设置,Flutter篇:

根据字面意思就能看出来是对状态懒得设置,其中用到了 dart:io 与 flutter/services.dart 这两个重点Mark一下,有时间深入探究一下用法跟能力。回归正题。

主题数据,其中最常用的是 primarySwatch 、 primaryColor 、 accentColor 。

primarySwatch:UI右下角的FloatingActionButton的颜色就是默认取值MaterialColor,

默认是蓝色的,如果修改成primarySwatch,就会变成这个颜色值。只支持MaterialColor。

primaryColor:顶部导航栏和状态栏的颜色修改,需要用到这个属性,类型 Color。

accentColor:前景色(文本、按钮、覆盖边缘效果等)。

看一下项目中的使用

其中 brightness 主题设置较为关键,它是设置状态栏图标与字体颜色的。

brightness: Brightness.dark 状态栏图标与字体颜色为白色。

brightness: Brightness.light 状态栏图标与字体颜色为黑色。

iconTheme :设置appbar icon的颜色,appbar中icon的颜色会根据primaryColor的改变来确定自身的颜色,这里可以在iconTheme中指定icon的颜色。

默认不做修改前:

Flutter应用启动页设置,解决 白/黑 屏情况

出现此情况的原因有两种

解决:

找到 \app\src\main\res\drawable\launch_background.xml 文件,这个里面初始化了布局标签,只需要把图片替换为我们自己的就可以。

或者根据不同手机的分辨率 在mipmap下放置图片例如:

之后前往 styles.xml 文件设置启动页

重新打包就可以看到 刚刚设置的启动页了

效果例如:

[图片上传失败...(image-7e5c2-1586668143446)]

至此可以流畅的打开启动页了

Flutter 深色(暗黑)模式下 状态栏字体颜色为白色

brightness: Brightness.light,(黑色)

brightness: Brightness.dark,(白色)

这种设置状态栏字体颜色的方法仅在手机浅色模式下有效,当用户选择深色(暗黑)模式后,该方法失效,状态栏字体颜色统一变为白色,不可更改。

flutter应用长时间在后台,点开黑屏

重新打开即可。

因为软件在后台时间过长,软件会出现一个黑屏动画,就需要重启软件即可恢复。

flutter修改键盘颜色

iOS默认的TextField弹出的键盘是暗黑色的。

要修改为亮色,修改TextField的keyboardAppearance属性即可

全局修改的话可在main里面设置ThemeData的属性

Flutter图片处理成黑白

借助BlendMode属性可以处理图片的色值,有很多混合方式,官方文档:

这里只说图片变黑白

方式一,直接设置image里的color和colorBlendMode属性:

方式二,通过ShaderMask设置blendMode:


分享题目:flutter黑色,flutter border
转载来源:http://jkwzsj.com/article/hossdc.html

其他资讯