
Flutter
文章平均质量分 92
学习Flutter的个人心得记录
iOSTianNan
这个作者很懒,什么都没留下…
展开
-
Fastlane 一键打包/发布APP - 使用记录及踩坑
安装fastlanefastlane的安装和使用Fastlane 官方文档fastlane自动化打包(android)idea使用vs code , 可以安装一些代码片段插件,快速上手传参写法命令行调用日志输出issuer_id这个必须是主账户才能看到iOS端 步骤 (默认已经做好环境配置)3.编写 Fastfile 文件4. .p8文件放入 ./fastlane文件目录5. Fastfile文件代码如下android端 步骤 (默认已经做好环境配置)安装插件的一些坑可原创 2022-06-30 15:06:12 · 1893 阅读 · 0 评论 -
Flutter GlobalKey的一些使用
这几天想着需要一个Flutter的Toast, 一开始的想法就是自己定义一个简单用用, 也看到有人提供了相关的 fluttertoast组件, 但是因为是学习Flutter, 所以感觉还是自己实现一个比较好, 索性网络上也有不少方法…这里主要是使用Overlay来进行Toast的实现, 用过RN的teaset 基本对Overlay不陌生, 当然还是需要重新认识一下Flutter下的OverlayFlutter 89: 图解基本 Overlay 悬浮新手引导Flutter 使用 Overlay 实现全局原创 2020-09-15 15:50:38 · 2260 阅读 · 0 评论 -
Flutter Divider和VerticalDiVider 为啥有些时候不展示?
有时候为了方便画横线 竖线, 我们会用到Divider 或则VerticalDivider, 当然也可以用COntainer 直接画,有时候发现 Divider 或则 VerticalDivider 在某些情况下不展示问题主要原因还是由于包裹他们的容器, 本身的宽高没有设置或者没有被撑起来,需要我们自己设置一下.但是,我测试发现Divider 或则 VerticalDivider 两个对容器的要求还不一样Divider对于Divider , 需要使用SizeBox 容器包裹, 并且设置一定的原创 2020-09-09 15:10:09 · 7429 阅读 · 3 评论 -
Flutter 启动页适配
参考文章Flutter 开发 Android & IOS 启动页 splash pagFlutter 启动页(闪屏页)具体实现和原理分析Flutter启动流程和原理分析需要知道的iOS13 开始 苹果要放弃LaunchImage适配启动图 , 改为必须走LaunchScreen.sb来启动所以在iOS端,启动图适配,要么使用LaunchScreen.sb 内嵌UIImageView +AutoLayout 来适配(依旧使用整图), 要么就采用 页面布局的方式, 来开发启动页,具体可以原创 2020-08-25 18:03:01 · 3836 阅读 · 0 评论 -
iOS 13使用LaunchScreen.storyboard适配各尺寸启动图
最近搞FLutter, 基于Flutter的启动在做适配, 发现原来很久没有单独关注iOS的变化, 在启动图方面, 我们常用的iOS 的 launchImage, 已经不再被苹果推荐了…而是全面转向统一的LaunchScreen.sb启动, 因此我们想要再去无脑的往LaunchImage里面丢图片是不再可行的方案, 需要自己去适配各个iOS设备,具体的看这个文章比较全面…这个世界变化真的快iOS 13使用LaunchScreen.storyboard适配各尺寸启动图i...转载 2020-08-25 11:28:09 · 2347 阅读 · 0 评论 -
Flutter 解决每次都要导入一堆dart库的烦恼
有时候, 我们写一个Home 页面, 里面有一些我们自己封装的函数代码, 比如px/pt/dp 的适配函数, 比如Dio的封装类, 一般来说,我们写一些APP的页面文件, 都需要这类公用的dart文件 , 每新增一个页面就要手动导入这些通用的dart文件,确实挺麻烦…正好, 我们一般写Home之类的页面, 一般也是会自己创建一个Basepage作为这些页面的基础类, 用来做一些公共的事情,所以可以这样搞创建一个导出dartCommExport.dart/// 自定义包export 'packa原创 2020-08-24 10:20:04 · 2296 阅读 · 0 评论 -
Flutter 封装fluro路由框架,提供路由,实现父子页面信息互传等功能
参考这篇,讲的也比较不错 =====Flutter入门之(fluro路由跳转框架)要实现的功能push -> 可以不传递/传递 params 到next 页面(路由)pop -> 可以直接pop / 可以pop时携带params 返回上一级页面(路由)replace -> 干掉当前路由reset -> 重置路由clearStack fluro提供的清空当前路由栈的参数选项最好是用一个导航管理类的静态方法来调用, 使用方便需要知道的首先, fluro也是基于Flu原创 2020-08-20 17:26:12 · 1180 阅读 · 0 评论 -
Flutter 基于Dio封装网络层
实现后的效果 case 5: { try{ var res = await DioManager().friend_getSelectionTopic(params: {}); print('成功msg-----------'+res.msg); print('成功code-----------'+res.code); print('成功code---------原创 2020-08-19 17:11:11 · 647 阅读 · 0 评论 -
Flutter 本地固化之 SharedPreferences 封装
直接上代码了(如果有写的不完善的地方,欢迎指正)import 'dart:async';/// -------------------------------/// Created with Flutter Dart File./// User tianNanYiHao@163.com/// Date: 2020-08-17/// Time: 13:44/// Des: 类似于 iOS的NSUserDefaults和Android的SharedPreferences 轻量级存储类///原创 2020-08-18 11:51:08 · 1350 阅读 · 0 评论 -
Flutter 单例的写法及理解注释
网络上的写法很多,借鉴了其中的一种主要还是看注释吧, 留作记录,防止那天脑子抽抽又给忘记了…import 'package:dio/dio.dart';import 'dart:io';import 'dart:math';/// -------------------------------/// Created with Flutter Dart File./// User tianNanYiHao@163.com/// Date: 2020-08-14/// Time: 14:5原创 2020-08-14 16:30:45 · 903 阅读 · 0 评论 -
Flutter 适配android/iOS设备的单位换算
参考 : flutter 屏幕适配方案自定义单位前几天获取了Flutter 屏幕的宽高, 基于这个, 我们再搞一下适配的问题, 依旧是基于主流设计的机型 iPhone6s 的尺寸 pt:375 / 667提供一个转换方法类,/// -------------------------------/// Created with Flutter Dart File./// User tianNanYiHao@163.com/// Date: 2020-08-10/// Time: 11:26//原创 2020-08-12 14:30:52 · 1954 阅读 · 0 评论 -
Flutter 获取设备的宽高
参看 — Flutter 中获取屏幕以及 Widget 的宽高在移植原RN项目的过程中, 我倾向于在一开始就设置好一个全局变量来读取设备的宽高, 这在RN中很常用, 主要是为了开发方便…在Flutter中 , 如果想用MediaQuery 媒体查询, 就势必需要依赖 WidgetsApp or MaterialApp, 也挺麻烦, 如果说仅仅需要随时随地读取一下屏幕的宽高 (iOS pt / android px), 那么用window对象也是不错的办法/// ----------------原创 2020-08-10 14:30:59 · 2192 阅读 · 0 评论