年度归档: 2024年 相关文章

记录 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……

继续阅读»»»

国内网络下安装加速

网上相关的资料都时过了,我自己整理了一份新的 nvm安装加速教程 脚本方式安装(简单) export NVM_SOURCE=https://gitlab.com/mirrorx/nvm.git curl -o- https://gitlab.com/mirrorx/nvm/-/raw/master/install.sh | bash export NVM_SOURCE=https://gitlab.com/mirrorx/nvm.git wget -qO- https://gitlab.com/mirrorx/nvm/-/raw/master/install.sh | bash 执行上面任一脚……

继续阅读»»»

在小团队中如何做前端自动化部署

目前我所在的团队规模不大,人员不多,研发流程并没有像之前在大厂时那么规范,也没有成熟的基建来给到我们提供辅助,所以上线发布流程就是一个任性,直接在本地打完包手动上传到OSS就完事,简单高效,但问题也很多,急切需要用自动化手段来解决一些手工劳动。 因为我们用了 gitlab 来管理代码,所以直接上方案:gitlab CI/CD runner gitlab CI/CD runner 本质上,Gitlab Runner 就是一个可以执行脚本的环境,它会根据你 gitlab 仓库中的配置文件,来执行一连串的任务。而 Gitlab Runner 可以被安装在服务器,虚拟机,甚至是Docker容器中。 准……

继续阅读»»»

Flutter入门: MaterialApp详解

当前版本 Flutter 3.19.5 前言 当谈论Flutter应用程序时,MaterialApp是不可或缺的一个部分。它是构建Flutter应用程序的基础,可以理解为整个应用程序的“外壳”。MaterialApp提供了许多配置选项,用于定义应用程序的整体外观和行为。它可以决定应用程序的标题、主题颜色、初始页面、路由导航等方面。 简单来说,MaterialApp就像是一个包含了所有必要元素的“容器”,帮助我们构建一个漂亮、流畅的Flutter应用程序。它遵循Material Design规范,为我们提供了一套统一的设计风格和用户体验,使得我们的应用程序看起来更加现代化和专业化。 以下是一个基……

继续阅读»»»

Flutter入门: ThemeData详解

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

继续阅读»»»

Flutter入门:TextTheme详解

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

继续阅读»»»

Flutter入门: TextStyle详解

当前版本 Flutter 3.19.5 前言 TextStyle用于定义文本的样式,包括字体、字号、颜色、加粗、斜体等属性。通过TextStyle,我们可以为文本设置不同的外观,使得文本在应用程序中呈现出不同的风格和效果。 TextStyle API 属性 属性一览 background: 背景色 backgroundColor: 背景色缩写(与background只能存在一个) color: 文字颜色 debugLabel: 调试描述 decoration: 文本附近的装饰 decorationColor: 装饰颜色 decorationStyle: 装饰样式(如: 虚线) decorati……

继续阅读»»»

Flutter入门: AppBarTheme详解

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

继续阅读»»»

Flutter入门: Scaffold 详解

当前版本 Flutter 3.19.5 前言 Scaffold 用于构建应用程序的基本布局结构。它提供了一个标准的应用程序布局,包括顶部的应用栏、底部的导航栏、抽屉菜单等,以及中间可变化的主体内容区域。 Scaffold API 属性 属性一览 appBar: 页面上方导航条 backgroundColor: 背景色 body: 页面容器 bottomNavigationBar: 底部导航条 bottomSheet: 一个持久停留在body下方,底部控件上方的控件 drawer: 左侧侧边栏 drawerDragStartBehavior: 控制侧边栏的一些特性 drawerEdgeDragW……

继续阅读»»»

Flutter入门: AppBar 详解

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

继续阅读»»»