首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Flutter 构建完整应用手册-设计基础知识 顶

定义主题有两种方式:应用程序范围或使用Theme小部件来定义应用程序特定部分颜色和字体样式。事实,应用程序范围主题只是由MaterialApp在应用程序根部创建主题小部件!...实际,FloatingActionButton使用这种精确技术来查找accentColor!...asset是相对于pubspec.yaml文件字体文件路径。 这些文件包含字体中字形轮廓。 在构建我们应用程序时,这些文件包含在我们应用程序asset包中。...单个字体可以引用具有不同轮廓重量和样式许多不同文件: weight属性指定文件中轮廓线权重为100到900之间整数倍。...添加一个抽屉到屏幕 在采用Material Design应用中,导航有两个主要选项:选项卡和抽屉。 当没有足够空间来支持标签时,抽屉提供了一个方便选择。

7K10

Flutter 构建完整应用手册-处理手势

:flutter/material.dart'; void main() => runApp(new MyApp()); class MyApp extends StatelessWidget {...final items = new List.generate(20, (i) => "Item ${i + 1}"); 将数据源转换为List 首先,我们将简单地在屏幕列表中显示每个条目...用户将该项目删除后,我们需要运行一些代码以从列表中删除该项目并显示Snackbar。 在真实应用程序中,您可能需要执行更复杂逻辑,例如从Web服务或数据库中删除项目。...这是Dismissible部件发挥作用地方! 在我们例子中,我们将更新我们itemBuilder函数以返回一个Dismissible部件。...为了提供我们正在移除项目的提示,我们将在屏幕滑动该项目时显示“划动消除”指示符。 在这种情况下,红色背景! 为此,我们将为Dismissible提供background参数。

1.7K20

【Flutter桌面篇】Flutter&Windows应用尝鲜

要让Flutter运行在Windows,还是比较麻烦,这也造成一定门槛。这篇就来介绍一下如何支持Windows桌面程序。...---- 二、官方桌面项目和一些桌面插件 1.运行官方桌面示例 Githubgoogleflutter-desktop-embedding是官方桌面支持项目, 里面有很多官方提供实用插件,可以下载看看...示例项目的几个插件 window_size屏幕尺寸插件 这个插件非常有用,桌面不同于手机。有窗口概念,所以定义程序窗口大小非常必要。...应该可以给个提示什么。 ? ? ---- file_chooser文件选择插件 非常实用插件,支持打开文件选择面板和文件保存面板 ?...文件夹即可 每一个都是一个完整项目,只是Flutter将它们牵连到了一起,用Dart赋予它们UI表现和操作。

7.2K21

Flutter 中可定制时间规划器

构建引人入胜 UI 从未如此快速。无论您是业余爱好者还是有教养开发人员,都不难对 Flutter 产生无可救药迷恋。所有软件开发人员都明白日期是最棘手事情。同样,时间表也不是特例。...「tasks」用于列出时间规划器小部件。 「style」用于时间规划器Style。 「currentTimeAnimation」用于小部件加载滚动到带有动画的当前时间。默认为真。...get」 命令 创建一个 「main.dart文件,创建一个 「TimePlannerTask」 集合, List tasks = []; 创建 「_addObject...当用户点击时间规划器时,我们还将显示snackBar消息。 void _addObject(BuildContext context) { List<Color?...:math'; import 'package:flutter/material.dart'; import 'package:flutter_customizable_time_plan/splash_screen.dart

1.6K20

【Flutter桌面篇】Flutter&Windows应用尝鲜

要让Flutter运行在Windows,还是比较麻烦,这也造成一定门槛。这篇就来介绍一下如何支持Windows桌面程序。...---- 二、官方桌面项目和一些桌面插件 1.运行官方桌面示例 Githubgoogleflutter-desktop-embedding是官方桌面支持项目, 里面有很多官方提供实用插件,可以下载看看...示例项目的几个插件 window_size屏幕尺寸插件 这个插件非常有用,桌面不同于手机。有窗口概念,所以定义程序窗口大小非常必要。...说一下package和plugin区别: Flutter对于平台级包是plugin,比如主要是和平台相关功能,如path_provider、sqlfilte, 用纯Dart开发包是package...文件夹即可 每一个都是一个完整项目,只是Flutter将它们牵连到了一起,用Dart赋予它们UI表现和操作。

3.1K30

如何使用 Flutter 创建桌面应用程序

桌面应用程序在具有各种 UI 元素系统窗口内运行。如果您要制作桌面应用程序,有多种不同框架、UI 工具包和编程语言可供选择。 有两种类型桌面应用程序开发 API:特定于平台和跨平台。...入门项目包含最少代码和注释,以帮助我们了解 Flutter 工作原理。 该lib/main.dart文件包含应用程序主要源代码。...与之前 Hello-World 应用程序类似,将以下源代码添加到主应用程序源文件中: import 'dart:io'; import 'package:flutter/material.dart';...也可以看我另一篇文章,我在里面详细说明了如何将flutter应用部署到 Windows ,也就是打包成exe可执行文件。...Flutter 性能比 Electron 好,因为它不在 Web 浏览器执行应用程序 GUI 逻辑。 Flutter 确实给开发者带来了一些痛点。

4.3K20

Flutter Widgets 之 SnackBa

_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21lbmdrczE5ODc=,size_16,color_FFFFFF,t_70] 注意:无特殊说明,Flutter版本及Dart...版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 基础用法 应用程序有时候需要弹出消息提示用户,比如‘网络连接失败’、‘下载成功’等提示,就像Android...,默认显示4秒,然后弹出,我们可以设置其显示时间: Scaffold.of(context).showSnackBar(SnackBar( duration: Duration(seconds...方法时,SnackBar消息将会以队列形式一个一个弹出,比如下面的代码: RaisedButton( child: Text( '点我,弹出SnackBar...,旧都消息立刻消失,显示新消息,只需在弹出新SnackBar时移除现在SnackBar, Scaffold.of(context).removeCurrentSnackBar(); Scaffold.of

99300

Flutter 2 正式出道(一)

Flutter 2为我们带了很多令大家兴奋特性,比如Dart 2.12, 空安全,Web等等。...从基于Dart 2.12Flutter 2开始,Flutter已开始完全支持空空全了。 有关更多详细信息,请参见Announcing Dart 2.12。...pub.dev已经有超过1000支持空安全开发包了,所以大家可以开始尝试升级到Flutter 2了。如果你是开发包作者,可以参见迁移指导并开始为你开发包提供对空安全支持。...事实,此版本合并了178个与iOS有关PR,包括为iOS带来State Restoration23495。67781,这可以让我们从命令行直接构建IPA,并不需要打开Xcode。...image 除了致力于为iOS带来新特性,Flutter团队也在研究如何提升着色器和动画在iOS和Flutter性能。

1.4K10

-Dart异步与文件操作全面解析

onError}); 该方法注释如下: then方法用来注册将来完成时要调用回调。...---- 3.DartStream流 Stream流也不是什么新鲜玩意了,各大语言基本都有流操作, 这里就DartStream流进行详细阐述。...不知有心人是否看出两者区别:Stream在遍历时候居然是异步,这就是它和列表最大不同 一个List在遍历那一刻,我就知道里面是什么,有多少元素,可以怎么这么操作它。...文件系统 在Dart文件顶层为FileSystemEntity抽象类,其下有三个孩子: File接口,Directory接口,Link接口,其中三个各有一个私有类分别继承之 ?...对象有几个方法可以对不同类型进行写入,比如数组 在写入时可以自定义分隔符 var li=["Java","Dart","Kotlin","Swift"]; file.openWrite().writeAll

2.9K30

如何识别不同编程语言(

汉语是这个世界使用人数最多语言,英语是这个世界最流行语言。同样,Java是这个世界使用人数最多语言(依据Tiobe统计结果),JavaScript是这个世界最流行编程语言。...但是由于它需要在每次运行时候才编译,所以总的来说效率会相对比较低一些。这一类语言往往有比较好跨平台能力,多数语言都可以直接运行在不同平台上。...如Python、Perl、Ruby,还有直接可以运行于浏览器之上JavaScript。 哈哈,现在我们可以来对不同编程语言做一些了解。...不同编程语言 扯那么多废话,也是时候进入正题了,现在让我们先从 Tiobe 上排名第一语言说起。没错,这就是最近舆论一个焦点——Java。...首先,它一定是以.java作为后缀而结尾。 ? 如上是一个Java代码文件,在最开始地方写是包名。它可以很好用于组织类、目录结构、防止命名冲突等等。

3K60

ZIP和RAR文件不同

这两种方法都是压缩算法,可以有效地压缩文件,从而在不影响文件内容情况下缩小文件大小。这篇文章介绍了ZIP和RAR文件不同。...压缩文件格式rar和zip不同 1、zip起源比rar要早很多,并且它普及率比后者更广。操作系统对zip直接支持解压提取文件,其应用范围比rar要好得多。...2、文件压缩简介:简单经过压缩文件被压缩为压缩文件,压缩原理是将文件二进制代码压缩。rar和zip是通用压缩文件格式。 3、众所周知,zip是开源软件,而rar是收费。...为什么他们压缩速度会有很大不同其实也是因为算法不同。rar比zip要强大得多。例如rar独特solid压缩方式,或者可以锁定压缩文件以防止被修改,又比如恢复记录功能,能够恢复物理损坏数据等。...4、rar与zip不同之处:RAR通常比ZIP压缩比高,但是压缩/解压缩很慢,所以如果在网络上传播和分发文件,zip格式常常是最常用选择。

2.1K30

Flutter 构建完整应用手册-导航器 顶

导航到新屏幕并返回 大多数应用程序包含几个用于显示不同类型信息屏幕 例如,我们可能有一个显示产品屏幕。 然后,我们用户可以在新屏幕上点击产品以获取更多信息。...由于这是一个基本例子,我们将创建两个屏幕,每个屏幕包含一个按钮。 点击第一个屏幕按钮将导航到第二个屏幕。 点击第二个屏幕按钮将使我们用户回到第一个! 首先,我们将设置视觉结构。...路线 定义主屏幕 添加一个启动选择屏幕按钮 在选择屏幕创建两个按钮 轻触一个按钮时,关闭选择屏幕 在主屏幕使用snackbar显示选择 1.定义主屏幕 主屏幕将显示一个按钮。..., ); 5.在主屏幕使用snackbar显示选择 既然我们正在启动一个选择屏幕并等待结果,那么我们会想要对返回信息进行一些操作! 在这种情况下,我们将显示一个显示结果Snackbar。...Hero部件需要两个参数: tag:标识英雄对象。 它们在两个屏幕必须相同。 child:我们希望跨屏幕进行动画制作部件。

4.9K10
领券