Flutter 实现整个App变为灰色的方法示例

 更新时间:2020年04月04日 12:07:14   作者:老孟程序员  
这篇文章主要介绍了Flutter 实现整个App变为灰色的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

在Flutter中实现整个App变为灰色是非常简单的,只需要在最外层的控件上包裹ColorFiltered,用法如下:

@override
Widget build(BuildContext context) {
 return ColorFiltered(
  colorFilter: ColorFilter.mode(Colors.grey, BlendMode.color),
  child: Scaffold(
  appBar: _appBar,
  body: IndexedStack(
   index: _currIndex,
   children: <Widget>[HomeItemPage(), WidgetPage(), MyPage()],
  ),
  backgroundColor: Theme.of(context).backgroundColor,
  bottomNavigationBar: _buildBottomNavigationBar(context),
  ));
}

前后效果对比如下:

 

 

到此这篇关于Flutter 实现整个App变为灰色的方法示例的文章就介绍到这了,更多相关Flutter App变为灰色内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Android Studio Gradle依赖冲突解决方法

    Android Studio Gradle依赖冲突解决方法

    这篇文章主要给大家介绍了关于Android Studio Gradle依赖冲突解决的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Android Studio具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-04-04
  • android提取视频多张图片和视频信息实例

    android提取视频多张图片和视频信息实例

    本篇文章主要介绍了android提取视频多张图片和视频信息实例,具有一定的参考价值,有兴趣的可以了解一下
    2017-05-05
  • Android NDK开发之:配置环境的详解

    Android NDK开发之:配置环境的详解

    本篇文章是对Android中的配置环境进行了详细的分析介绍,需要的朋友参考下
    2013-05-05
  • Android编程之界面跳动提示动画效果实现方法

    Android编程之界面跳动提示动画效果实现方法

    这篇文章主要介绍了Android编程之界面跳动提示动画效果实现方法,实例分析了Android动画效果的布局及功能相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • Android开发人脸识别统计人脸数

    Android开发人脸识别统计人脸数

    这篇文章主要介绍了Android开发人脸识别统计人脸数,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • android实现简单计算器功能

    android实现简单计算器功能

    这篇文章主要为大家详细介绍了android实现简单计算器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • Android ViewFlipper用法实例分析

    Android ViewFlipper用法实例分析

    这篇文章主要介绍了Android ViewFlipper用法,结合实例形式分析了ViewFlipper图片操作的相关技巧,需要的朋友可以参考下
    2016-01-01
  • Android事件分发机制全面解析

    Android事件分发机制全面解析

    这篇文章主要介绍了Android事件分发机制全面解析,帮助大家更好的理解和学习使用Android开发,感兴趣的朋友可以了解下
    2021-03-03
  • Android实现横向滑动卡片效果

    Android实现横向滑动卡片效果

    这篇文章主要为大家详细介绍了Android实现横向滑动卡片效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • Android主项目与Module中R类的区别详解

    Android主项目与Module中R类的区别详解

    这篇文章主要给大家介绍了关于Android主项目与Module中R类的区别的相关资料,文中通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2018-02-02

最新评论