使用Android Studio创建的默认Flutter工程主要代码在lib文件夹下的main.dart文件中,本文主要对该文件进行一个讲解。main.dart文件可以认为是Flutter工程的入口文件,文件顶部import 'package:flutter/material.dart';(即引入了一个dart文件,该文件包含runApp()方法、StatelessWidget无状态控件--App
flutter面世已经有一些时间了,经过一段时间的探索,基本上可以确定可以用于正式项目开发中。本系列文章基于最新发布的flutter 1.2版本,开发工具为Android Studio,这是flutter从0到1的第一篇「工程目录结构解析」。创建工程打开Android Studio,选择Start a new Flutter project。见到如下图的窗口,选择 Flutter Applicat
一、前言Flutter自从1.0版本发布,现在越来越受欢迎,很大大厂如美团,阿里,腾讯,字节跳动都在研究使用。今天实践一下Android原生如何嵌套Flutter,具体原理就是Flutter作为Android Module出现在项目中,这样就可以在已有的项目中使用,Android项目也是一个工程,Flutter项目也是一个工程,这样就互不相关,也很好进行管理。废话不多说,开始实践。二、目录结构首先
route_generator是什么这是一个简单的 Flutter 路由生成库,只需要少量的代码,然后利用注解配合源代码生成,自动生成路由表,省去手工管理路由代码的烦恼。特性自定义路由名称自定义路由动画自定义路由参数自定义路由逻辑依赖dependencies: # Your other regular dependencies here route_annotation: ^0.1.0 dev_d
转载 2023-12-20 10:17:49
78阅读
Flutter&Native(本文针对Android与iOS)混开中,FlutterEngine是十分重要的概念,了解其作用与流程灰常重要的。 本篇笔记以直接看注释、选择性看源码的方式来了解FlutterEngine,这样子不会太枯燥,知识获取快;但是不够深入,各有取舍吧。笔记中的FlutterSDK版本是v1.12.13+hotfix.8,从Android集成FlutterModule
转载 2023-12-18 20:39:07
174阅读
setState方法算是flutter使用最频繁的方法了,每次页面数据有改变,都需要调用这个方法,去触发页面的刷新,展示最新的UI效果,接下来从源码角度解读下setState后具体发生了什么系统源码部分,会做截取,仅保留跟主题有关的部分,开始吧void setState(VoidCallback fn) { // 省略了一大堆的判断代码 final Object? result =
转载 2024-01-12 09:37:45
60阅读
准备工作1、下载flutter sdk 2、安装xcode、安装Android Studio3、安装 Homebrew ,安装fvm,    安装adb配置1、环境变量配置打开终端查看 ls -a1 打开. open .bash_profile 插入环境变量 保存 source .bash_profile如果文件不存在,需要vim .bash_profile
转载 2023-10-24 13:48:02
342阅读
1.嵌入Flutter先创建ios工程我们先创建NativeDemo ios工程然后,导入cocopad通过配置pod文件来引入Flutter 框架。flutter_app_path = '../flutter_module' load File.join(flutter_app_path,'.iOS','Flutter','podhelper.rb') platform :ios, '11.
转载 2024-06-24 05:59:25
47阅读
iOS项目最终是要打包上线,上线后的代码我们动都不敢动,可能是动不了吧,尴尬……。然而Flutter应用也是不可以的?,带有Flutter工程的iOS项目,模拟器测试的时候才可以对Flutter业务做热更新(其实也不是热更新)。下面就完成一个简单的iOS-Flutter交互项目。参考:《Flutter环境配置》、《Xcode配置》1、创建一个flutter_module工程2、创建混合开发的iOS
转载 2023-09-13 19:43:47
223阅读
# Flutter 开发 iOS 应用的入门指南 Flutter 是一个由 Google 开发的开源 UI 软件开发工具包,它使得开发者能够以单一的代码库为 Android 和 iOS 创建高性能的应用程序。在这篇文章中,我们将深入探讨如何使用 Flutter 创建 iOS 应用,并提供一些代码示例来帮助你入门。 ## 1.环境准备 首先,我们需要确保本地的开发环境是正确配置的。请遵循以下步
原创 8月前
30阅读
Flutter开发IOS,上架AppStore的全部流程以及常遇到的坑本次开发采用的Flutter技术进行开发,没想到会这么快,昨天提交的,今天便已上架appstroe,所以这次来做一次总结,总结从开发完毕app之后上架的全部过程,本文全程采用上图下文的讲解过程方式。一、准备工作(如果准备工作中,没有和您APP相匹配的功能点,可以跳过这一段)( 1 ) 多语言申请权限问题 因为我的app是涉及到多
Flutter安装及开发环境配置(Windows)本文介绍Windows环境下的Flutter安装以及AndroidStudio配置。Mac版请转到——>Flutter安装及开发环境配置(Mac版)国内镜像众所周知的原因,国内访问google服务可能不太顺畅,如果没有vpn环境,可以访问国内镜像。Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:PUB
转载 2023-11-08 23:42:28
66阅读
一、Flutter 插件配置、二、Flutter 插件源码示例、三、iOS 应用配置、四、Android 应用配置、五、相关资源、
原创 2022-04-21 10:53:48
741阅读
阿里妹导读:具有一定规模的 App 通常有一套成熟通用的基础库,尤其是阿里系 App,一般需要依赖很多体系内的基础库。那么使用 Flutter 重新从头开发 App 的成本和风险都较高。所以在 Native App 进行渐进式迁移是 Flutter 技术在现有 Native App 进行应用的稳健型方式。今天我们来看看,闲鱼团队如何在这个实践过程中沉淀出一套独具特色的混合技术方案。现状及思考
转载 7月前
25阅读
Flutter 发布的时候可谓很轰动,相对于 RN 或 PhoneGap 们,它给出了另外一种跨平台方案,更像是 APP 版的 Unity,而且使用现代的声明式 UI,据说能媲美原生性能。很吸引人,所以今天特地了解了一下。Flutter 自己实现了布局和 2D 图形引擎,不依赖平台提供。实际体验来看,在安卓平台完全和原生性能相当,在 iOS 平台与原生相比还是稍稍能感受到一些不同,主要体现在滚动和
转载 2023-07-27 21:44:57
312阅读
前言:我们知道OC 在UIWebView 加载 H5中,常常需要OC 与 H5 之间进行交互调用。采取的方法有:WebViewJavascriptBridgeJavaScriptCore 框架拦截URL特征:都通过一种中间人进行桥接实现相互调用的。今天讲的:Flutter与原生OC、Java的交互通信 也是一种桥接的方式实现的。类似WebViewJavascriptBridge、JavaScrip
手把手教你分离flutter ios 编译产物--附工具1、为什么写这篇文章?Flutter ios安装包size的裁剪一直是个备受关注的主题,年前字节跳动分享了一篇文章(),提到了ios分离AOT编译产物,把里面的数据段和资源提取出来以减少安装包size,但文章里面并没有展开介绍如何实现,这篇文章会很详细的分析如何分离AOT编译产物。并给出工具,方便没编译flutter engine经验的同学也
import Flutter import UIKit public class MethodChannelDemo { init(messenger: FlutterBinaryMessenger) { let channel = FlutterMethodChannel(name: “com.example.flutterios.MethodChannel”, binaryMessenger:
概述本文讨论Flutter的引擎架构。在整个flutter系统中,引擎位于承上启下的中间位置。上层承接flutter framewrok。下层是与原生平台对接的嵌入层(Embedder)。本文讨论Flutter的引擎架构。在整个flutter系统中,引擎位于承上启下的中间位置。上层承接flutter framewrok。下层是与原生平台对接的嵌入层(Embedder)flutter系统概述这里简单
转载 2023-11-27 16:39:37
203阅读
# FlutteriOS 开发中的应用 ## 引言 Flutter 是一个开源的 UI 工具包,由 Google 开发,旨在构建高性能的跨平台移动应用。它允许开发者使用单一代码库,创建在 iOS 和 Android 上都有良好表现的应用。通过实现一次开发、多次部署,Flutter 简化了移动开发过程。本文将介绍 FlutteriOS 开发中的使用,并提供一些代码示例。 ## Fl
原创 2024-09-08 04:25:16
18阅读
  • 1
  • 2
  • 3
  • 4
  • 5