大家好,经过几个月的潜水,Flutter出乎意料的火热,抱歉一直没有更新,由于加入了创业团队,经历了几波大起大落,现在终于腾出时间搞搞技术,现在和成都的几位技术极客合作推出门路网,正在用flutter实践开发APP,也算是对flutter商业化的小试牛刀,本篇将门路网APP用到的flutter技术进行简单分享。之前的新闻APP的实践项目中,用到了Tab+TabBarView+Tabcontroll
# iOS 跳转至 Flutter 指定页面的实现 ### 引言 随着移动应用开发的不断发展,Flutter 因其跨平台特性和高性能逐渐受到开发者的青睐。在某些情况下,iOS 应用需要跳转到 Flutter 页面,而不是完全重构现有的应用。这篇文章将详细阐述在 iOS 应用中如何跳转到 Flutter 指定页面,并给出具体的代码示例和 UML 图示。 ### Flutter 集成到 iOS
原创 2024-09-21 05:47:09
184阅读
作者:王敏君(华泰证券前端技术团队)  来源:前端之巅近年来,移动互联网迅猛发展,业务需求频繁更新,业务内容动态化需求急剧增加,纯原生开发已经无法满足业务快速增长的需求,因此诞生了多种跨平台开发框架,如 H5+ 原生开发、React Native 和 Weex ,但这两年最受开发者青睐的莫过于 Flutter。目前,很多应用都集成了 Flutter,我们团队也在涨乐财富通上实现
码个蛋(codeegg)第 590 次推文上一节撸了个界面,虽然比较简单,但是把前面讲的知识串联了下,但是界面之间的跳转一直没说,这节就讲下 Flutter 中的「路由」来管理界面。NavigatorFlutter 通过 Navigator  来进行页面之间的跳转,分为 push 系列和 pop 系列操作,带 push 方法为入栈操作,带 pop 方法为出栈操作。Na
转载 2024-07-28 15:22:16
153阅读
Flutter BottomNavigationBarItem 底部导航,底部icon切换的时候第一次会闪一下背景解决方案背景 如上图,点击底部导航,第一次点击某一个导航的时候,其icon会闪一下 经分析原因是:这里每个导航上,使用了两个icon来表示未选中状态与选中状态,除了默认被选中的导航外,其他导航均只加载了未选中状态的icon,当点击其中一个导航之后,该导航需要显示选中状态的icon,而此
转载 1月前
415阅读
# FlutteriOS原生页面跳转的探索 随着移动应用的迅速发展,Flutter因其跨平台特性而受到广泛关注。Flutter允许开发者使用统一的代码库为iOS和Android构建应用,提高了开发效率。然而,有时我们可能需要在Flutter页面和原生iOS页面之间进行跳转,以便调用原生功能或实现更复杂的UI需求。 本文将介绍如何在Flutter工程中实现Flutter页面跳转到iOS原生页面
原创 2024-10-27 03:14:19
209阅读
最近我用flutter给我的博客开发了一个App,这一篇文章是体验报告,也希望能给想要了解flutter的朋友们一些参考。 第一天初始化项目是在2019.11.28,到今天为止一共19天,一共迭代了4个版本,目前是0.4.0。目前为止包含这些 功能:推送、推送信息注册检查更新下拉刷新首页拉到底部继续加载侧边栏多个栏目反馈webview链接分享 迭代笔记:(0.1.0) 一个webview、推
在开发中,对于页面路由,我们通常会遇到这样的一个需求:依次打开A页面→B页面→C页面,然后在某个业务场景下需要关闭中间的B页面,C页面点击返回时回到A页面。本文将探讨如何在Flutter中实现这种页面导航模式,以及如何提供更好的用户体验。中我们通常使用路由表进行开发,通过配置。中并没有这样的方法,只有这样一个方法。我们需要定义一
原创 2024-07-26 10:05:51
383阅读
Flutter 长按表示弹出菜单后点击菜单跳转画面Flutter 长按表示弹出菜单这个比较容易,使用 PopupMenuItem 组件和系统的 showMenu 函数即可。示例先定义一个 自定义菜单类hello_item.dartimport 'package:flutter/material.dart'; class HelloItem { final String text; fin
转载 9月前
27阅读
# Flutter加载iOS页面 ## 介绍 Flutter是一种流行的跨平台移动应用开发框架,它允许开发者使用单一代码库构建高性能的iOS和Android应用。在某些情况下,开发者可能需要在Flutter应用中加载原生iOS页面。本文将介绍如何在Flutter中加载iOS页面,并提供相应的代码示例。 ## 准备工作 在开始之前,我们需要确保已经完成以下准备工作: 1. 安装Flutte
原创 2023-11-15 11:01:53
147阅读
在上一篇的时候,我们讲解了怎么做一个登录界面,但是之后呢?完全是草草结尾的感觉嘛,这不,接下来就是给大家详细说说,这个登录里面不得鸟的故事。先来看一个登录的过程~~ 分析可能上面的gif图不是很真切,这上面展示了两个功能:颜色变换的闪屏页面动画效果的登录页面有没有感觉这样的登录好像还不错呢,哈哈哈,接下来就详细分析一下这其中的玄机~~路由一般我们的页面跳转都会涉及到路由,路由就是从一个页面跳转到
转载 2023-11-23 16:26:08
146阅读
这一次继续来操练Flutter的基础,待这篇写完之后接下来则得用一个小项目来对之前所学的Flutter进行一个综合应用巩固的目的,下面开撸。自定义View:概述:与Flutter自带Widget一样,自定义view也会被Skia引擎编译成原生代码,性能是一样的。它也存在两个元素:画面Canvas:drawLine:画直线drawCircle:画圆drawOval:画椭圆drawRect:画矩形dr
# Flutter 指定 iOS 证书的详细指南 在使用 Flutter 开发 iOS 应用程序时,签名是一个必不可少的步骤。为了在真实设备上运行和分发应用程序,Flutter 开发者需要使用有效的开发证书和适当的描述文件。本篇文章将深入探讨如何在 Flutter指定 iOS 证书,并通过代码示例帮助您理解整个过程。 ## 1. 理解 iOS 证书和描述文件 在 iOS 开发中,证书和描
原创 2024-09-14 06:30:16
103阅读
# Flutter iOS 指定 SDK 在使用 Flutter 开发跨平台应用时,我们可能会遇到需要在 iOS指定特定的 SDK 版本的情况。本文将介绍如何在 Flutter指定 iOS SDK,并提供一些代码示例。 ## 什么是 SDK? 首先,让我们来了解一下 SDK 的概念。SDK 是 Software Development Kit 的缩写,它是一套用于开发软件的工具集合。
原创 2023-10-21 06:55:13
102阅读
初级根底系列Flutter开发实战初级(1)ListView详解Flutter开发实战初级(2)布局详解项目实战系列Flutter开发实战 高仿微信(1)主页Flutter开发实战 高仿微信(2)发现页Flutter开发实战初级(2)页面布局详解q ) z 8 C本篇博& Q G L ` w | m客Demo下载点击这儿:Flutter布局Demo1. Flutter布局实战解说1.1 布
今天基于 Android 分析下 Flutter 的启动流程,首先看下官网提供的框架图,最下面一层 Embedder 是特定的平台实现,Android 平台代码在 engine/shell/platform/android 下,其中有 java 的嫁接层在 engine/shell/platform/android/io/flutter 下面。Embedder 层是 Flutt
现在Flutter的路由效果已经非常不错了,能满足大部分App的需求,但是谁不希望自己的App更酷更炫那,下面介绍几个酷炫的路由动画。其实路由动画的原理很简单,就是重写并继承PageRouterBuilder这个类里的transitionsBuilder方法。不过这个方法还是有很多写法的,通过写法的不同,产生的动画效果也有所不同。1、渐隐渐现的动画效果先编写一个主入口方法,还是最简单的格式,只不过
转载 2024-07-24 16:44:05
80阅读
一、介绍用 Flutter 一次性重写整个已有的应用是不切实际的。对于这些情况,Flutter 可以作为一个库或模块,集成进现有的应用当中。模块引入到您的 Android 或 iOS 应用(当前支持的平台)中,以使用 Flutter 来渲染一部分的 UI,或者仅运行多平台共享的 Dart 代码逻辑。二、官方方案:将 Flutter module 集成到 Android 项目集成到 Android
转载 2023-07-27 19:54:40
421阅读
# Flutter Push iOS 原声页面 Flutter 是一个由 Google 开发的开源 UI 框架,用于构建跨平台的应用程序。它能够帮助开发者轻松地创建高性能的 iOS 和 Android 应用。在 Flutter 中,开发者有时会希望使用 iOS 原生的控件或功能,此时需要利用 Flutter 的底层 API 来实现这一功能。 本文将介绍如何在 Flutter 中推送一个 iOS
原创 8月前
38阅读
# Flutter iOS 页面弹出效果实现指南 在 Flutter 开发中,实现页面之间的跳转和弹出效果是常见的需求。本文将指导你如何在 Flutter 应用中实现一个页面弹出效果。这将包括整体流程的概述、详细的代码实现及相关注释。 ## 整体流程 以下是实现 Flutter iOS 页面弹出效果的基本步骤: | 步骤 | 描述 | |------|------| | 1 | 创建
原创 10月前
244阅读
  • 1
  • 2
  • 3
  • 4
  • 5