sh 和 bash 是两种不同的 Unix Shells，尽管它们有许多相似之处，但在语法和功能上存在一些重要差异。以下是一些关键区别： 1. 数组 bash 支持数组，而 sh 不支持： # 在 bash 中定义和使用数组 array=("value1" "value2" "value3") echo "${array[0]}" # 输出 value1 echo "${array[@]}" # 输出所有元素 在 sh 中不能直接使用数组。 2. 算术运算 bash 支持内置的算术运算： # 在……

继续阅读»»»

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

继续阅读»»»

当前版本 Flutter 3.19.5 前言 TabBar 是用于创建选项卡式导航栏的组件。通常创建为 AppBar 的 AppBar.bottom 部分并与 TabBarView 结合使用， 它通常与TabBarView一起使用，TabBar用于显示选项卡的标签，而TabBarView用于显示与选中标签相关联的内容。 我们既可以手动创建一个 TabController ，也能够直接使用 DefaultTabController widget。最简单的选择是使用 DefaultTabController widget，因为它能够创建出一个可供所有子 widgets 使用的 TabControl……

继续阅读»»»

当前版本 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 前言 NavigationBar 通常位于顶部或底部，用于导航和页面切换。它可以包含标题、操作按钮和导航指示器，提供了用户在应用程序中浏览和导航的方式。 NavigationBar API 属性 属性一览 animationDuration: 标签背景动画时长 backgroundColor: 导航栏自身的颜色 destinations: 导航标签列表 elevation: 导航栏的层级 height: 导航栏的高度 indicatorColor: 选中的标签颜色 indicatorShape: 选中的标签形状 labelBehavior: 标签显示模式……

继续阅读»»»

当前版本 Flutter 3.19.5 前言 Drawer 是Flutter中用于实现抽屉式导航菜单的组件，通常位于屏幕左侧，可以通过滑动或点击按钮打开。 Drawer 常用于放置应用程序的主要导航选项、设置菜单或用户个人资料等内容。 Drawer API 属性 属性一览 backgroundColor: 抽屉背景颜色 child: 抽屉的内容 clipBehavior: 抽屉shape剪裁方式 elevation: 阴影大小 semanticLabel: drawer打开和关闭时候的通知信息 shadowColor: 阴影的颜色 shape: 抽屉的形状 surfaceTintColor: ……

继续阅读»»»

image 是一个用于加载、保存和操作各种图像文件格式的Flutter图像库，写作本文时的版本为：4.2.0，下面我们演示每个功能的使用，API的解释采用的机翻，具体的 API 文档点击这里查看。 支持的格式 # 读/写 JPEG / PNG + 动画 APNG / GIF + 动画 GIF / TIFF / BMP / TGA / ICO / PVRTC # 只读 WebP + 动画 WebP / Photoshop PSD / OpenEXR /PNM (PBM, PGM, PPM) / PNM（PBM、PGM、PPM） # 只写 CUR 加载图像 decodeBmp: 解码 BMP 格式……

继续阅读»»»

当前版本 Flutter 3.19.5 前言 Image 是 Flutter 中用于显示图像的组件。它支持多种图像来源，包括网络图像、资源图像、文件系统图像以及内存图像。Image 组件提供了多种构造函数，如 Image.network、Image.asset、Image.file 和 Image.memory，以便于从不同的来源加载图像。它还支持多种图像调整选项，如缩放、裁剪、对齐和颜色滤镜，使开发者可以灵活地在应用中展示图像内容。 Image API 构造函数 Image 实现 const Image( { Key? key, required ImageProvider<Objec……

继续阅读»»»

当前版本 Flutter 3.19.5 Draggable API 构造函数 实现 const Draggable<T extends Object?>( { Key? key, required Widget child, required Widget feedback, T? data, Axis? axis, Widget? childWhenDragging, Offset feedbackOffset = Offset.zero, DragAnchorStrategy dragAnchorStrategy = childDragAnchorStrategy, Axis?……

继续阅读»»»

当前版本 Flutter 3.19.5 GestureDetector API 属性 child GestureDetector( onTap: () { print(“Tap”); }, child: Container( color: Colors.green, width: 50, height: 50, ), ) behavior 指定如何处理命中测试（hit testing），确定小部件的响应区域。 如果child不为 null， 则默认为 HitTestBehavior.deferToChild，如果 child 为 null，则默认为 HitTestBehavior.transl……

继续阅读»»»