当前版本 Flutter 3.19.5 前言 Drawer 是Flutter中用于实现抽屉式导航菜单的组件，通常位于屏幕左侧，可以通过滑动或点击按钮打开。 Drawer 常用于放置应用程序的主要导航选项、设置菜单或用户个人资料等内容。 Drawer API 属性 属性一览 backgroundColor: 抽屉背景颜色 child: 抽屉的内容 clipBehavior: 抽屉shape剪裁方式 elevation: 阴影大小 semanticLabel: drawer打开和关闭时候的通知信息 shadowColor: 阴影的颜色 shape: 抽屉的形状 surfaceTintColor: ……
继续阅读»»»
当前版本 Flutter 3.19.5 前言 NavigationBar 通常位于顶部或底部，用于导航和页面切换。它可以包含标题、操作按钮和导航指示器，提供了用户在应用程序中浏览和导航的方式。 NavigationBar API 属性 属性一览 animationDuration: 标签背景动画时长 backgroundColor: 导航栏自身的颜色 destinations: 导航标签列表 elevation: 导航栏的层级 height: 导航栏的高度 indicatorColor: 选中的标签颜色 indicatorShape: 选中的标签形状 labelBehavior: 标签显示模式……
继续阅读»»»
当前版本 Flutter 3.19.5 前言 CupertinoTabBar 是一个 iOS 风格的底部导航标签栏，一般跟 CupertinoTabScaffold 配合使用。 也可以用于 Scaffold 的 bottom 属性。 一个完整的使用示例 CupertinoTabScaffold( tabBar: CupertinoTabBar( items: const [ BottomNavigationBarItem( icon: Icon(CupertinoIcons.star_fill), label: ‘Favorites’, ), BottomNavigationBarItem( ……
继续阅读»»»
当前版本 Flutter 3.19.5 前言 TabBar 是用于创建选项卡式导航栏的组件。通常创建为 AppBar 的 AppBar.bottom 部分并与 TabBarView 结合使用， 它通常与TabBarView一起使用，TabBar用于显示选项卡的标签，而TabBarView用于显示与选中标签相关联的内容。 我们既可以手动创建一个 TabController ，也能够直接使用 DefaultTabController widget。最简单的选择是使用 DefaultTabController widget，因为它能够创建出一个可供所有子 widgets 使用的 TabControl……
继续阅读»»»
当前版本 Flutter 3.19.5 前言 TextStyle用于定义文本的样式，包括字体、字号、颜色、加粗、斜体等属性。通过TextStyle，我们可以为文本设置不同的外观，使得文本在应用程序中呈现出不同的风格和效果。 TextStyle API 属性 属性一览 background: 背景色 backgroundColor: 背景色缩写（与background只能存在一个） color: 文字颜色 debugLabel: 调试描述 decoration: 文本附近的装饰 decorationColor: 装饰颜色 decorationStyle: 装饰样式（如: 虚线） decorati……
继续阅读»»»
当前版本 Flutter 3.19.5 前言 AppBarTheme用于定义AppBar的主题样式。是Material组件库中常用的顶部应用栏，它通常包含标题、操作按钮和其他相关内容。AppBarTheme允许您自定义AppBar的外观，包括标题样式、背景色、图标样式等。 AppBarTheme API 属性 属性一览 actionsIconTheme: 右侧actions图标主题 backgroundColor: 定义AppBar的背景色 centerTitle: 标题居中 elevation: 阴影的大小，默认值为 4 foregroundColor: 前景色 iconTheme: 所有图……
继续阅读»»»
当前版本 Flutter 3.19.5 前言 ThemeData是Flutter中用于定义应用程序整体样式的类。它包含了许多属性，如主色调、强调色、字体样式、文本样式、按钮样式等，可以通过设置这些属性来统一调整应用程序的外观和风格。 另外，ThemeData还可以用来定义特定部件的样式，比如AppBar的背景色、阴影高度、标题文本样式等。这样，你就可以针对不同的部件设置不同的样式，使得应用程序的整体风格更加统一和美观。 ThemeData API 属性 属性一览 fontFamily: 应用程序的默认字体样式 actionIconTheme: 动作图标主题 appBarTheme: 自定义 A……
继续阅读»»»
当前版本 Flutter 3.19.5 前言 AppBar 是 实现了 PreferredSizeWidget 的 StatefulWidget。一般用于传给 Scaffold ，显示于屏幕的顶部，可以返回、显示当前页面标题。也可以叫它 标题栏、顶部导航栏、状态栏。 AppBar API 属性 属性一览 actions: 标题后面连续显示的 widget 列表 actionsIconTheme: 设置 actions 中图标的样式 automaticallyImplyLeading: leading 是 null 时 是否自动创建 leading backgroundColor: AppBar……
继续阅读»»»
当前版本 Flutter 3.19.5 前言 TextTheme用于定义应用程序中文本样式的集合。它包含了一系列预定义的文本样式，如标题、副标题、正文等，每种文本样式都有不同的字体、大小、颜色等属性。通过使用TextTheme，我们可以方便地在应用程序中统一管理和应用文本样式，以确保整个应用程序的一致性和美观性。 ThemeData API 属性 常用属性 displayLarge: 最大的显示样式 displayMedium: 中等的显示样式 displaySmall: 最小的显示样式 headlineLarge: 最大的头条样式 headlineMedium: 中等的头条样式 headli……
继续阅读»»»
一、执行 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……
继续阅读»»»