跨平台框架常识单页面应用跨平台框架的设计理念跨平台框架的架构Flutter 核心架构Flutter Frameworkdart:ui libraryRendering libraryWidget libraryMaterial & Cupertino libraryFlutter EngineFlutter EmbedderRN核心架构跨平台框架的渲染逻辑Flutter 的布局和渲染从用
转载
2023-07-11 17:46:49
560阅读
作为系列文章的第二篇，继《Flutter完整开发实战详解(一、Dart语言和Flutter基础)》之后，本篇将为你着重展示：如何搭建一个通用的Flutter App 常用功能脚手架，快速开发一个完整的 Flutter 应用。 友情提示：本文所有代码均在 GSYGithubAppFlutter ，文中示例代码均可在其中找到，看完本篇相信你应该可以轻松完成如下效果。 前言 本篇内容结构如下图，主要
转载
2023-11-20 20:59:59
41阅读
一、 创建项目两种方式：1. 终端命令创建 通过命令行创建非常简单，在终端输入以下命令即可：flutter create learn_flutterFlutter的名称不要包含特殊的字符，不可以使用驼峰标识 创建完之后使用自己喜欢的开发工具打开即可2. 开发工具创建 我这里也可以直接通过Android Studio 3. 初始程序分析初始工程分析： 我们之前已经分析过目录结构了，在目录下有一个li
转载
2023-10-09 09:38:50
96阅读
作为系列文章的第五篇，本篇主要探索下 Flutter 中的一些有趣原理，帮助我们更好的去理解和开发。前文：一、Dart语言和Flutter基础二、 快速开发实战篇三、 打包与填坑篇四、Redux、主题、国际化)一、WidgetsFlutterBinding这是一个胶水类。1、Mixins混入其中(￣.￣)！是的，Flutter 使用的是 Dart 支持 Mixin ，而 Mixin 能够更好的解决
转载
2024-02-04 11:14:14
71阅读
上一篇中我记录了Flutter中常用的一些布局，本篇开始开发基于Flutter的开源中国客户端了。在本篇博客中，要实现的是一个App的整体框架，包括页面底部的Tab导航菜单、页面的侧滑菜单以及跳转到新的页面这几个功能。希望自己在记录的同时能温故知新，同时给初学者一些帮助。App整体布局框架搭建在我们日常生活中经常使用的App比如微信、微博、QQ等，基本上都是使用首页底部多个Tab可切换页面，加上可
# Flutter开发项目架构
在Flutter开发中，项目架构是非常重要的一环。一个好的项目架构可以提高代码的可维护性、可扩展性和可测试性。在本文中，我们将介绍Flutter中常用的项目架构，并通过代码示例来说明如何实现。
## MVC架构
MVC（Model-View-Controller）是一种常见的软件架构模式，它将应用程序划分为三个部分：模型（Model）、视图（View）和控制器
原创
2024-03-05 06:40:30
116阅读
作为系列文章的第十一篇，本篇将非常全面带你了解 Flutter 中最关键的设计之一，深入原理帮助你理解 Stream 全家桶，这也许是目前 Flutter 中最全面的 Stream 分析了。前文：一、 Dart语言和Flutter基础二、 快速开发实战篇三、 打包与填坑篇四、 Redux、主题、国际化五、 深入探索六、 深入Widget原理七、 深入布局原理八、 实用技巧与填坑九、 深入绘制原理十
前言Flutter 是 Google 开源的跨平台 UI 框架，其凭借“多端一致”和“渲染性能”上的优势成为越来越多开发者的首选。但随着使用规模加大，为了解决诸多快速迭代的业务产品线及需求，动态化成为了当下亟需解决的问题Fair是58自研的的动态化框架，通过Fair Compiler工具对原生Dart源文件的自动转化，使项目获得动态更新Widget Tree和State的能力。近期我们在吸取了开源
转载
2023-12-26 20:58:16
287阅读
系统配置需求获取Flutter SDK 克隆仓库配置系统环境变量运行Flutter Doctor配置编辑器配置Android开发环境 安装 Android Studio设置 Android 设备设置 Android 虚拟机系统配置需求最低配置要求操作系统: WIndows7以上 64位操作系统磁盘空间: 最少400MB(不包含Android Studio的安装空间)工具: Flutter 需要安装
转载
2024-02-27 13:22:26
66阅读
# Flutter个人开发项目架构
在进行Flutter个人开发项目时，良好的架构设计是非常重要的。一个好的项目架构能够帮助我们更好地管理代码、提高开发效率、方便维护和扩展项目等。在本文中，我将介绍一种适合个人开发项目的Flutter架构设计，并提供相应的代码示例。
## MVC架构
在Flutter中，我们可以使用MVC（Model-View-Controller）架构来设计应用程序。MV
原创
2024-03-26 07:06:32
342阅读
底部导航栏制作-1工作中最简单的一个APP也要具备一个功能，就是底部导航栏，你很难找出没有底部导航栏的应用。这么刚需的功能，那就从这里开始吧。主入口文件的编写首先我们先写一个主入口文件，这个文件只是简单的APP通用结构，最主要的是要引入自定义的BottomNavigationWidget组件。main.dart代码如下import 'package:flutter/material.dart';
转载
2023-09-06 08:23:51
162阅读
# Flutter 个人开发项目架构指南
## 概述
在这篇文章中，我将教会你如何在Flutter中实现个人开发项目架构。我将以表格形式展示整个流程，并详细说明每一步需要做什么，以及需要使用的代码。
## 流程表格
| 步骤 | 内容 |
|------|------|
| 1 | 创建Flutter项目 |
| 2 | 配置项目架构 |
| 3 | 添加页面和组件 |
| 4 | 实现页面间
原创
2024-03-26 07:06:46
36阅读
第一部分 vscode终端操作快捷键
第二部分 hello world程序
第三部分 常用组件
注意：由于现在flutter在中国还不够流行，文档和教程少一些，大部分时间只能看官方英文文档，不利于入门，所以我自己整理了一些表格用来记录组件和类，主要是为了方便自己日后查用。由于是自己整理的，属性方法都不是很全，我会一直更新此表格。也会更新到此文中。
我的文档地址(目前
转载
2024-09-01 23:04:10
61阅读
环境介绍以及参考文献本示例是在 Linux 16.04.1-Ubuntu 搭配 VS Code 使用。《Flutter实战》电子书Flutter中文网官方手顺新建第一个项目：启动 VS Code调用 View>Command Palette…输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action输入 Project 名称 (如 first_flutt
转载
2023-10-10 10:58:41
94阅读
前言 在如今的 Fultter 大潮下，本系列是让你看完会安心的文章。本系列将完整讲述：如何快速从0开发一个完整的 Flutter APP，配套高完成度 Flutter 开源项目 GSYGithubAppFlutter。同时也会提供一些Flutter的开发细节技巧，并针对开发过程中可能遇到的问题进行填坑。 系列文章分为三篇，第一部分是基础篇（针对Dart语言和Flutter基础），第二部分是App
转载
2024-01-05 16:17:11
173阅读
工欲善其事必先利其器，首先会分别介绍一下在 Windows 和 macOS 下 Flutter SDK 的安装，然后再介绍一下配 IDE 和模拟器的使用。安装 Flutter由于 Flutter 会同时构建 Android 和 IOS 两个平台的发布包，所以 Flutter 同时依赖 Android SDK 和 iOS SDK，在安装 Flutter 时也需要安装相应平台的构建工具和 SDK。下面
转载
2024-02-01 21:32:51
50阅读
一、前言自从进入移动互联网时代以来，移动互联网这片战场就硝烟不止，而且愈演愈烈，甚至可以说“快、准、狠”是这片战场存活下来的基本素质一点不为过，纵观苹果、Google、脸书、腾讯、阿里、网易、滴滴、美团、头条、快手等成名互联网公司的发展历程无不如此，即便已坐拥半壁天下大公司也时刻在警惕来自未来的黑暗一击，这片战场注定永无平静；在竞争如此惨烈的环境下，各大互联网公司为争夺市场，都在寻找一
转载
2024-06-06 01:02:53
90阅读
flutter开发桌面程序 (1. Always cancel your stream subscription:)When I started learning Flutter, I did not always think about canceling my stream subscription because that was something I never heard about
转载
2024-04-12 09:27:24
31阅读
本文原作者: 李伟，原文发布于: 印象笔记引言在接入 Flutter 技术时，通常都会遇到原生工程和 Flutter 工程混合开发的问题，即便是新项目从一开始就采用 Flutter 开发，可能会由于部分功能 Flutter 无法实现、效果不好等原因，也会需要考虑混合开发的问题。本文给大家介绍一套混合开发实现方式，包括工程集成打包、开发调试，Flutter 基础组件选型和技术架构方式，支持原生、H5
文章目录软件开发架构架构发展趋势网络编程简介OSI七层协议网络相关名词各层特征 软件开发架构思考1.什么是软件开发架构?编写项目之前需要遵循的代码层面上的规范(代码运行的流程,环境,步骤)
eg:回想ATM三层架构,选课系统三层架构软件开发架构c/s架构c: 客服端 (client) s: 服务端 (server) 其实我们在计算机上下载的各种互联网的app软件，本质上都是客户端 客户端可以看
转载
2023-10-17 18:50:12
51阅读
