Flutter 第9页
Flutter 是 Google 开发的一款开源跨平台 UI 框架,用于构建 iOS、Android、Web、桌面等平台的应用。它使用 Dart 语言,通过自绘引擎(Skia)实现高性能渲染,提供一套代码多端运行的能力。Flutter 采用组件化设计,UI 由 Widget 组合而成,支持热重载(Hot Reload),开发效率高。其内置丰富的 Material Design 和 Cupertino 风格组件,适配 Android 和 iOS。Flutter 适合快速开发、界面复杂、多平台需求的项目,在跨平台开发领域应用广泛。

Flutter项目目录结构

Flutter项目目录结构-IT网络技术分享
趙哥的头像-IT网络技术分享趙哥4年前
025715

Flutter 3.3特性-全局选择

Flutter 3.3特性-全局选择-IT网络技术分享
使用 SelectionArea 包裹住路由显示的内容 (例如 Scaffold),Flutter 会替你处理好一切,你便可以享受到这项强力的新特性。 Widget build(BuildContext context) { return SelectionArea( ch...
趙哥的头像-IT网络技术分享趙哥3年前
025015

Flutter 路由(Navigator)

Flutter 路由(Navigator)-IT网络技术分享
普通路由: 导航到新的页面 //导航到新页面 Navigator.push( context, MaterialPageRoute( builder: (context) => const Homeb(), // settings: const RouteSettings(name: '/home'), ), ); 进...
趙哥的头像-IT网络技术分享趙哥2年前
02370

Flutter 显示/隐藏系统状态栏,无黑边

Flutter 显示/隐藏系统状态栏,无黑边-IT网络技术分享
配置: 找到android/app/src/main/res/values目录,打开styles.xml 将shortEdges放到style标签内。 <!--关于全屏显示--> <item name='android:windowLayoutInDisplayCutoutMode'>sho...
趙哥的头像-IT网络技术分享趙哥1年前
02370

Flutter ListView[列表组件]

Flutter ListView[列表组件]-IT网络技术分享
ListView: 它的同名构造方法中有几个参数需要说明 shrinkWrap: 当为 false 时,列表会在主轴方向上扩展到可占用的最大空间,反之列表占用的空间是其列表项高度之和,此时会耗费更多性能,每当...
趙哥的头像-IT网络技术分享趙哥3年前
023312

flutter image_picker 图片/视频选择器库

flutter image_picker 图片/视频选择器库-IT网络技术分享
安装 dependencies: image_picker: ^0.8.4+2 #图片选择器 import 'package:image_picker/image_picker.dart';//引入库 Pictureselection() async { ImagePicker _picker = ImagePicker();//定义...
趙哥的头像-IT网络技术分享趙哥4年前
023215

Flutter flutter_launcher_icons 图标生成插件[报错处理]

Flutter flutter_launcher_icons 图标生成插件[报错处理]-IT网络技术分享
配置 dev_dependencies: flutter_launcher_icons: '^0.9.2' //引入依赖 //配置图标 flutter_icons: android: 'launcher_icon' ios: true image_path: 'assets/icon/icon.png' 执行生成 flutter ...
趙哥的头像-IT网络技术分享趙哥3年前
023115

Flutter AppBar[组件]

Flutter AppBar[组件]-IT网络技术分享
AppBar AppBar可以显示顶部leading、title和actions等内容。底部通常为选项卡TabBar。flexibleSpace显示在AppBar的下方,高度和AppBar高度一样,可以实现一些特殊的效果 文档地址【点击进入】 ...
趙哥的头像-IT网络技术分享趙哥3年前
02237

Flutter MPFlutter框架 微信小程序 自定义顶部标题栏

Flutter MPFlutter框架 微信小程序 自定义顶部标题栏-IT网络技术分享
实现截图代码截图 配置app.json: 'window': { 'navigationStyle': 'custom' }, 实现代码: ///自定义顶部栏 appBar: MPAppBar( title: Container( color: Colors.green, width: MediaQuery.of(c...
趙哥的头像-IT网络技术分享趙哥2年前
02210

Flutter 编译 web 命令

Flutter 编译 web 命令-IT网络技术分享
全局选项: 选项说明-h, --help打印使用信息-v, --verbose显示详细日志,包括执行的所有Shell命令。 如果与'--help'一起使用,则显示隐藏选项。如果与'flutter doctor'一起使用,则显示额...
趙哥的头像-IT网络技术分享趙哥2年前
02030