年度归档: 2024年 相关文章

Flutter入门: AppBarTheme详解

当前版本 Flutter 3.19.5 前言 AppBarTheme用于定义AppBar的主题样式。是Material组件库中常用的顶部应用栏,它通常包含标题、操作按钮和其他相关内容。AppBarTheme允许您自定义AppBar的外观,包括标题样式、背景色、图标样式等。 AppBarTheme API 属性 属性一览 actionsIconTheme: 右侧actions图标主题 backgroundColor: 定义AppBar的背景色 centerTitle: 标题居中 elevation: 阴影的大小,默认值为 4 foregroundColor: 前景色 iconTheme: 所有图……

继续阅读»»»

◷2024/04/18   @老猿𝕏𝕏   ▤编程   ⚑

Flutter入门: ThemeData详解

当前版本 Flutter 3.19.5 前言 ThemeData是Flutter中用于定义应用程序整体样式的类。它包含了许多属性,如主色调、强调色、字体样式、文本样式、按钮样式等,可以通过设置这些属性来统一调整应用程序的外观和风格。 另外,ThemeData还可以用来定义特定部件的样式,比如AppBar的背景色、阴影高度、标题文本样式等。这样,你就可以针对不同的部件设置不同的样式,使得应用程序的整体风格更加统一和美观。 ThemeData API 属性 属性一览 fontFamily: 应用程序的默认字体样式 actionIconTheme: 动作图标主题 appBarTheme: 自定义 A……

继续阅读»»»

◷2024/04/15   @老猿𝕏𝕏   ▤编程   ⚑

Flutter入门: AppBar 详解

当前版本 Flutter 3.19.5 前言 AppBar 是 实现了 PreferredSizeWidget 的 StatefulWidget。一般用于传给 Scaffold ,显示于屏幕的顶部,可以返回、显示当前页面标题。也可以叫它 标题栏、顶部导航栏、状态栏。 AppBar API 属性 属性一览 actions: 标题后面连续显示的 widget 列表 actionsIconTheme: 设置 actions 中图标的样式 automaticallyImplyLeading: leading 是 null 时 是否自动创建 leading backgroundColor: AppBar……

继续阅读»»»

◷2024/04/26   @老猿𝕏𝕏   ▤编程   ⚑

Flutter入门:TextTheme详解

当前版本 Flutter 3.19.5 前言 TextTheme用于定义应用程序中文本样式的集合。它包含了一系列预定义的文本样式,如标题、副标题、正文等,每种文本样式都有不同的字体、大小、颜色等属性。通过使用TextTheme,我们可以方便地在应用程序中统一管理和应用文本样式,以确保整个应用程序的一致性和美观性。 ThemeData API 属性 常用属性 displayLarge: 最大的显示样式 displayMedium: 中等的显示样式 displaySmall: 最小的显示样式 headlineLarge: 最大的头条样式 headlineMedium: 中等的头条样式 headli……

继续阅读»»»

◷2024/04/16   @老猿𝕏𝕏   ▤编程   ⚑

当前博客主题编辑器的标签预览

<strong>文字加强</strong> 文字加强 <em>文字斜体</em> 文字斜体 <b id=”red”>文字红色</b> 文字红色 <b id=”purple”>文字紫色</b> 文字紫色 <b id=”blue”>文字蓝色</b> 文字蓝色 <b id=”green”>文字绿色</b> 文字绿色 <del datetime=”2024-03-20T14:31:05+00:00″>文字删除</del> 文字删除 &l……

继续阅读»»»

npm / yarn 设置淘宝镜像源

网上相关的资料都时过了,我自己整理了一份新的 # ========================================================== # NPM # ========================================================== npm set registry https://registry.npmmirror.com # 注册模块镜像 npm set disturl https://npmmirror.com/mirrors/node # node-gyp 编译依赖的 node 源码镜像 ## 以下选择添加 npm ……

继续阅读»»»

◷2024/03/20   @老猿𝕏𝕏   ▤编程   ⚑

记录 Mac 下安装和配置 Flutter Android SDK 开发环境

一、执行 flutter doctor 检查,根据提示到 android.com 域名链接下载 Mac 版 Android Studio,注意选择芯片型号 二、下载完成,直接安装 Android Studio 三、安装完成,打开 Android Studio,会进行初始化下载及安装,建议设置代理以保证正常下载 四、初始化完成,再次执行 flutter doctor 检查,一般会看到如下2条错误提示 五、解决第1个提示,打开 Android Studio 设置界面,在 SDK Tools 中勾选如图5个选项,点击 Apply 六、解决第2个提示,在命令行中输入 flutter doctor –a……

继续阅读»»»

◷2024/01/31   @老猿𝕏𝕏   ▤编程   ⚑