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

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

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

Flutter 目录结构和配置文件

Flutter 目录结构和配置文件-IT网络技术分享
flutter App目录结构 1. 实际操作 首先,使用Android Studio新建一个flutter工程,假设名为github_client_app;创建完成之后,工程结构如下: 如图,我们看到了下面这些目录: 文件或目录说明.d...
趙哥的头像-IT网络技术分享趙哥4年前
043812

Flutter 弹出键盘屏幕溢出问题

Flutter 弹出键盘屏幕溢出问题-IT网络技术分享
在使用输入框获取焦点,弹出键盘的时候,会导致屏幕溢出, return Scaffold( appBar: AppBar( title: Text('测试'), centerTitle: true, ), resizeToAvoidBottomInset: false, //输入框抵住键盘...
趙哥的头像-IT网络技术分享趙哥3年前
043411

Flutter 浮动操作按钮创建漂亮的圆形菜单的

Flutter 浮动操作按钮创建漂亮的圆形菜单的-IT网络技术分享
  FAB 圆形菜单 使用浮动操作按钮创建漂亮的圆形菜单的 Flutter 包。 入门 包装您的内容FabCircularMenu并设置您想要的options: MaterialApp( home: Scaffold( body: FabCircularMenu( ch...
趙哥的头像-IT网络技术分享趙哥3年前
042516

Flutter使用第三方库

Flutter使用第三方库-IT网络技术分享
配置第三方库第三方库也是一种资源,我们在资源管理一节中已经学过了pubspec.yaml文件的配置,如果我们需要依赖第三方库,那么也需要在该文件中进行配置依赖方式分为以下三种:dependencies: ...
趙哥的头像-IT网络技术分享趙哥4年前
04227

Fflutter Getx 路由管理

Fflutter Getx 路由管理-IT网络技术分享
将此添加到你的pubspec.yaml文件中。 dependencies: get: 如果你要在没有context的情况下使用路由/SnackBars/Dialogs/BottomSheets,或者使用高级的Get API,你只需要在你的MaterialApp前面加上...
趙哥的头像-IT网络技术分享趙哥4年前
041815

Flutter Getx 状态管理

Flutter Getx 状态管理-IT网络技术分享
状态管理 目前,Flutter有几种状态管理器。但是,它们中的大多数都涉及到使用ChangeNotifier来更新widget,这对于中大型应用的性能来说是一个糟糕的方法。你可以在Flutter官方文档中查到,Chang...
趙哥的头像-IT网络技术分享趙哥4年前
04135

Flutter Widget_APP生命周期

Flutter Widget_APP生命周期-IT网络技术分享
1 Widget 简介 在Flutter中,一切皆是Widget(组件),Widget的功能是“描述一个UI元素的配置数据”,它就是说,Widget其实并不是表示最终绘制在设备屏幕上的显示元素,而它只是描述显示元素的...
趙哥的头像-IT网络技术分享趙哥4年前
040915

Flutter 十六进制颜色(#E6A919)转Color

Flutter  十六进制颜色(#E6A919)转Color-IT网络技术分享
///TODO:颜色转换 static int hexToColor(String s) { if (s.startsWith('#')) { s = s.substring(1); } if (s.length == 6) { return int.parse(s, radix: 16) + 0xFF000000; } else if (s.le...
趙哥的头像-IT网络技术分享趙哥3年前
04058

Flutter 应用程序中的 QuickActions 桌面快捷方式

Flutter 应用程序中的 QuickActions 桌面快捷方式-IT网络技术分享
引入pub: dependencies: quick_actions: ^1.0.2 地址: https://pub.dev/packages/quick_actions https://pub.flutter-io.cn/packages/quick_actions 使用: import 'package:flutter/material...
趙哥的头像-IT网络技术分享趙哥2年前
03920