Flutter组件共31篇

Flutter 嵌套滚动布局

Flutter 嵌套滚动布局-IT网络技术分享
效果图 用到的组件: NestedScrollView() //嵌套组件 SliverPersistentHeader()//Sliver 顶部持久组件 SliverAppBar() //类似AppBar组件 TabBar() TabBarView() 代码: import 'package:flutter...
趙哥的头像-IT网络技术分享趙哥4年前
2260012

Flutter UI【功能型组件(集合)】

Flutter UI【功能型组件(集合)】-IT网络技术分享
UI 功能控件 SafeArea 用于在屏幕安全区中显示布局。当我们没有使用Scaffold或未设置AppBar时,页面的布局会伸展到系统状态栏下,如果我们不需要这种沉浸式状态栏效果,那么就可以使用SafeArea...
趙哥的头像-IT网络技术分享趙哥4年前
04868

Flutter 加载动画文件[Rive]

Flutter 加载动画文件[Rive]-IT网络技术分享
Rive是一款实时交互式设计工具,它允许你设计、制作动画,并立即将你的资产整合到任何平台上。 Rive有两个核心部分:编辑器和运行时。编辑器是你创建设计和制作动画的地方。运行时是开源库,允...
趙哥的头像-IT网络技术分享趙哥4年前
097415

Flutter Badge标记组件

Flutter Badge标记组件-IT网络技术分享
安装库 dependencies: badges: ^2.0.2 引入  import 'package:badges/badges.dart'; 使用 Badge( badgeContent: Text('3'), child: Icon(Icons.settings), ) 示例图: BadgeAnimationType.slid...
趙哥的头像-IT网络技术分享趙哥5年前
063511

Flutter MaterialApp [组件]

Flutter MaterialApp [组件]-IT网络技术分享
MaterialApp MaterialApp代表使用Material设计风格的应用,里面包含了其所需要的基本控件。一个完整的Flutter项目是由这个主组件开始的。 MaterialApp属性详解 属性类型简述homeWidget主页。用...
趙哥的头像-IT网络技术分享趙哥4年前
031912

Flutter 组件国际化

Flutter 组件国际化-IT网络技术分享
pubspec添加依赖想要使用 flutter_localizations 的话,我们需要在 pubspec.yaml 文件中添加它作为依赖: flutter_localizations: #组件国际化 sdk: flutter设置MaterialApp在localizationsDe...
趙哥的头像-IT网络技术分享趙哥4年前
03805

Flutter ECheckbox 多选组件

Flutter  ECheckbox 多选组件-IT网络技术分享
介绍 「ECheckbox」 是 「Element」 系列组件中的多选框组件。 引入 在 「pubspec.yaml」 中依赖 element_ui: ^0.0.1 import import 'package:element_ui/w...
趙哥的头像-IT网络技术分享趙哥5年前
034215

Flutter Scaffold[组件]

Flutter Scaffold[组件]-IT网络技术分享
Scaffold Scaffold是App的页面框架,将整个页面分为如下的几个部分 Scaffold属性 属性 类型 简述 appBar PreferredSizeWidget 界面顶部的一栏控件,相当于 Android 中的 ActionBar body Widget ...
趙哥的头像-IT网络技术分享趙哥4年前
029913

Flutter 二维码生成 [qr_flutter]

Flutter 二维码生成 [qr_flutter]-IT网络技术分享
引入库:https://pub.dev/packages/qr_flutter dependencies: qr_flutter: ^4.0.0 演示代码: QrImage( data: '这是二维码内容', //二维码内容 version: QrVersions.auto, //二维码版本 size: 2...
趙哥的头像-IT网络技术分享趙哥4年前
096013

Flutter ERate 评分组件

Flutter ERate 评分组件-IT网络技术分享
介绍 「ERate」 组件是 「Flutter Element」 组件系列中的评分组件。 引入 在 「pubspec.yaml」 中依赖 element_ui: ^lastversion 最新的版本到pub上查看,pub地址:https://pub.dev/pack...
趙哥的头像-IT网络技术分享趙哥5年前
03966