效果图 用到的组件： NestedScrollView() //嵌套组件 SliverPersistentHeader()//Sliver 顶部持久组件 SliverAppBar() //类似AppBar组件 TabBar() TabBarView() 代码： import 'package:flutter...

UI 功能控件 SafeArea 用于在屏幕安全区中显示布局。当我们没有使用Scaffold或未设置AppBar时，页面的布局会伸展到系统状态栏下，如果我们不需要这种沉浸式状态栏效果，那么就可以使用SafeArea...

Rive是一款实时交互式设计工具，它允许你设计、制作动画，并立即将你的资产整合到任何平台上。 Rive有两个核心部分：编辑器和运行时。编辑器是你创建设计和制作动画的地方。运行时是开源库，允...

安装库 dependencies: badges: ^2.0.2 引入  import 'package:badges/badges.dart'; 使用 Badge( badgeContent: Text('3'), child: Icon(Icons.settings), ) 示例图： BadgeAnimationType.slid...

MaterialApp MaterialApp代表使用Material设计风格的应用，里面包含了其所需要的基本控件。一个完整的Flutter项目是由这个主组件开始的。 MaterialApp属性详解 属性类型简述homeWidget主页。用...

pubspec添加依赖想要使用 flutter_localizations 的话，我们需要在 pubspec.yaml 文件中添加它作为依赖： flutter_localizations: #组件国际化 sdk: flutter设置MaterialApp在localizationsDe...

介绍 「ECheckbox」 是 「Element」 系列组件中的多选框组件。 引入 在 「pubspec.yaml」 中依赖 element_ui: ^0.0.1 import import 'package:element_ui/w...

Scaffold Scaffold是App的页面框架，将整个页面分为如下的几个部分 Scaffold属性 属性 类型 简述 appBar PreferredSizeWidget 界面顶部的一栏控件，相当于 Android 中的 ActionBar body Widget ...

引入库：https://pub.dev/packages/qr_flutter dependencies: qr_flutter: ^4.0.0 演示代码： QrImage( data: '这是二维码内容', //二维码内容 version: QrVersions.auto, //二维码版本 size: 2...

介绍 「ERate」 组件是 「Flutter Element」 组件系列中的评分组件。 引入 在 「pubspec.yaml」 中依赖 element_ui: ^lastversion 最新的版本到pub上查看，pub地址：https://pub.dev/pack...