- 1.集成高德地图发布版和调试版的sha获取的问题 调试版,进入 ~/.android 执行 keytool -list -v -keystore debug.keystore 可以获得sha 2.发布版的sha获取需要找到发布版的key文件,例如 /Users/aboc/keys/phpec/key.jks 然后执行keytool -list -v -keystore /Users/aboc/keys/phpec/key.jks 会需要输入密码,密码在项目 android/key.properties 这个文件夹中,但密码是在创建的时候生成的 3.安卓打包的签名就是上面文件里面显示的md5 可0 129浏览会员免费
- flutter监听滚动以及去除padding 需求:需要将搜索框固定在页面上,然后监听下拉的距离,搜索框由透明完全显示 1.移除padding: MediaQuery.removePadding( removeTop: true, // 这个参数是必须的 removeBottom removeLeft removeRight context: context, child: ... ) 2.监听列表滚动 import 'package:flutter/material.dart'; import 'package:flutter_swiper/flutter_swiper.dart';0 218浏览会员免费
- 代碼: // This is a basic Flutter widget test. // // To perform an interaction with a widget in your test, use the WidgetTester // utility that Flutter provides. For example, you can send tap and scroll // gestures. You can also use WidgetTester to find child widgets in the widget // tree, read text,0 84浏览会员免费
- 主要介绍了Flutter中mixin的使用,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧0 331浏览会员免费
- main.dart import 'package:flutter/material.dart'; import './components/MyDialog.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( //标题栏 appBar: AppBar(0 327浏览会员免费
- 第四篇博客 VS Code开发React-Native,Flutter 开启无线局域网安卓真机调试 Created by @一个前端er 2020/04/08 前端菜鸟一枚,欢迎各位大佬对本博文批评指正 笔者前段时间在做react-native开发,一直是有线连接安卓真机进行调试的。有线调试确实带来诸多麻烦,因为在调试过程中需要频繁和手机进行交互,导致有时候数据线脱落,就不得不重新安装debug apk,安装一次应用的时间大概在一到三分钟,大量的误触就使得花在安装应用花费的时间比较长。这几天在研究flutter,就上网搜了一下vscode 开发 flutter开启无线调试。然后顺藤摸瓜,把r0 195浏览会员免费
- 主要介绍了flutter 自定义card阴影效果及card使用,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下0 728浏览会员免费
- 效果图: lib\main.dart 代码: import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Flutter Column'),0 247浏览会员免费
- 当你在开发flutter应用的时候,有时会需要调用native的api,往往遇到flutter并没有相应的package, 这时候flutter plugin就开始发挥作用了,这篇文章将会讲解开发一个简单flutter plugin的步骤和方法,好了,让我们开始动手吧。 1.在Android Studio 中创建一个Flutter Plugin 项目,如下图 上图中你能看到项目描述中写到,如果需要暴露Andorid或iOS的API给开发者时,选择”Plugin”项目类型。 这个项目我们命名为:flutter_native_log_plugin, 当我们完成创建项目后,有两个文件我们需要看一看0 111浏览会员免费
- 主要介绍了Flutter以两种方式实现App主题切换的代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下0 533浏览会员免费
- 报错信息 Compiler message: ../../../.pub-cache/hosted/pub.flutter-io.cn/cached_network_image-1.1.3/lib/src/cached_network_image_provider.dart:42:24: Error: The method 'CachedNetworkImageProvider.load' has fewer positional arguments than those of overridden method 'ImageProvider.load'. ImageStreamCompl0 442浏览会员免费
- 无论哪种界面框架输入文本框都是非常重要的控件, 但是发现flutter中的输入框TextField介绍的虽然多,但是各个属性怎么组合满足需要很多文章却说不清楚, 再加上控件版本变更频繁很多功能的介绍都是比较陈旧的属性.现在就需要一个类似微信的输入文本框, 这样一个非常实用的效果flutter要如何实现?前提是尽量用已有属性,少写或不写代码. 先明确这种输入文本框有哪些功能点? 能够自定义各种间距.主要是控件外边距(margin); 内间距(padding); 能够自定义样式. 输入框边框(圆角(radius),描边(border),颜色); 字样(大小,颜色), 提示字样(hint);0 559浏览会员免费
- 疫情刚好静下心来回归过去的工作,博主要开始学习flutter,博主会边学习边实战项目连续连贯实现,大约一周会出一篇,源码地址,开源不易,麻烦动手点星,谢谢,本开源不做商业使用,里面涉及用到api接口资源等只供学习,项目开发会分博客文章,请点击链接到对应的文章中浏览,建议其实万变不离其中,说到底还是离不开原生,学习之前往补充原生知识,本片主要讲的是创建项目、应用图标、启动页,再次感谢大家能耐心观看,谢谢! Flutter 开始征途1 创建项目1.1 studio 创建项目1.2 flutter 命令创建项目2 应用图标2.1 安卓、ios图标对比2.2 安卓尺寸详解2.3 ios尺寸详解2.40 217浏览会员免费
- 又到一年结束时,回顾这一年,我在几个新的技术领域取得了一些小小的收获,这其中,有App相关的,也有App领域之外的。接下来,我来谈谈自己的一些实践和心得体会。 1)《Android插件化开发指南》的英文版出版 在社区一众朋友的帮助下,我把这本书翻译成英文,并经过几番修改,终于由CPC Press在国外出版了,在中文版的基础上加上了对Android O和P的插件化支持。书的英文名是《Android App-Hook and Plug-In technology》。我不知道老外对这个技术的接受程度有多少,但总算是了却了一桩心愿,让全世界知道Android技术在中国做的有多深入。 接下来,我会在微0 116浏览会员免费
- flutter doctor时的 git remote https问题 关于这个问题,网上有很多答案,ss确实是个办法,但是不够实用,也不值得提倡。我这里有个好办法,也是在别人的博客里面找到的,上次是处理python的环境问题,这次是flutter。 大家可以使用下面这个网站 https://www.ipaddress.com/ 1.将你需要访问的网站比如github.com输入 点击搜索按钮 复制此IP地址备用 使用 sudo vim /etc/hosts 命令对你的host文件进行修改 保存修改,在新的console输入flutter doctor 大功告成!!! 希望能够帮到你!0 144浏览会员免费
- 一个发送验证码的需求:包括限制文本框输入长度和只允许输入数字 按惯例 先上图: class MyBody extends StatefulWidget { @override _MyBodyState createState() => _MyBodyState(); } class _MyBodyState extends State<MyBody> { bool isButtonEnable=true; //按钮状态 是否可点击 String buttonText='\u53d1\u9001\u9a8c\u8bc1\u7801'; //初始文本 int count=60; //初始倒计时时间 Timer time0 253浏览会员免费
- Flutter在mac上的安装 1、在Mac上下载方式: :keycap_digit_one:可以通过git clone的方式下载最新的flutter版本到本地 git clone https://github.com/flutter/flutter.git :keycap_digit_two:通过github,在github上找到flutter,然后选择需要的版本down到本地,再解压到你想安装的目录,即可。 :keycap_digit_three:通过homebrew 安装 brew install flutter 2、配置环境变量 flutter安装完成后,如果在终端里面能够识别到flutter命令?这个时候需要把flutter的安装目录配置到环境变量里面。 在mac中,通0 534浏览会员免费
- Flutter开发过程中,Drawer控件的使用频率也是比较高的,其实有过移动端开发经验的人来说,Flutter中的Drawer控件就相当于ios开发或者Android开发中的“抽屉”效果,从侧边栏滑出导航菜单。对于Flutter中的Drawer控件的常规用法就不多介绍,网上大把的教程。 那么本篇博文分享一个网上教程不多的一个知识点,那就是自定义Drawer的滑出位置的大小,自定义Drawer滑出位置就需要修改一个double的widthPercent属性,widthPercent一般默认值是0.7,然后想要修改widthPercent的默认值,或者设置想要的任何大于0小于1之间的值都可以根据0 258浏览会员免费
- Flutter是借鉴React的开发思想实现的,在子组件的插槽上,React有this.props.children,Vue有<slot></slot>。 当然Flutter也有类似的Widget,那就是Navigator,不过是以router的形式实现(像<router></router>???)。 Navigator的使用无非3个属性 initialRoute: 初始路由 onGenerateRoute: 匹配路由 onUnknownRoute: 404 在实现层面 首先:Navigator的高度为infinity。如果直接父级非最上级也是infinity会0 227浏览会员免费
- 再来分享一篇关于路由的姿势,前面两篇说的是由一个页面跳转另一个页面,这篇说说跳转页面之后如何往回跳(当然了,一般跳转页面后页面标题左面都会有一个箭头可以返回上一页,这个就不做讨论了),前面两篇文章已经附上了管理路由的代码,这里就简写了,只贴实现功能的部分代码 先把入口文件和管理路由配置好,后面直接往上面添加就可以 //main.dart import 'package:flutter/material.dart'; import 'routes/Routes.dart'; void main() => runApp(MyApp()); class MyApp extends Stateles0 282浏览会员免费
- 最近在用flutter写web程序,简直是炼狱模式。。然后遇到个需求,原本的Card阴影无法满足产品需求,需要像IOS 那种超级高大上的,似影非影的效果。。(简直分分钟想打死产品) 一开始,当然都是百度了,于是百度到了一个方法:BoxShadow! 于是高高兴兴开干了,代码如下 嗯。。。看上去好像没啥毛病,Y轴方向偏移7,blurRadius:模糊延申14,spreadRadius:不模糊的不要延申,为0 跑到安卓的浏览器上 简直Perfect!!!完工交差。。。(just我以为) 看到测试淫笑的眼神,我就知道了自己的图样图森破,他拿着自己高大上的iPhone给我截了个图: WTF???0 191浏览会员免费
- Image 简介 Android ios 原生中使用 ImageView 来加载显示图片。 在flutter 中通过Image来加载并显示图片。 所有的widget并不是直接绘制图片的,而是控制的图片的主要属性的容器,负责绘制的是RenderObject,他们中间是通过ElementTree来联系起来。有了这个基础后,所有的widget都不会提供画布(canvas)来直接绘制image RawImage 这是一个最基础图片容器Widget。 Image 这是一个通用包装类,它包装了RawImage。 前言 Image 基本使用 从ImageProvider来获取图片显示,这0 203浏览会员免费
- url_launcher是用于在移动平台中启动URL的Flutter插件,适用于IOS和Android平台。他可以打开网页,发送邮件,还可以拨打电话。 github地址:https://github.com/flutter/plugins/tree/master/packages/url_launcher 最近项目需求就是打开一个连接跳转到安卓或苹果默认的浏览器。虽然开始一个简单的要求,其中的一个细节就是执行打开网页这一操作后,不能看上去像在应用内部打开,看上去要在应用外部打开。pub.dev 提供了加载网页的插件url_launcher;所谓的插件也是用安卓和苹果原生代码实现的,对插件的代码0 609浏览会员免费
- 如果我们有这样一个应用场景: WidgetA执行点击之后将数据通过widgetB传递到其下的widgetC。 通常可以通过设置构造函数,传递对应参数到制定的widget树中,如下面代码所描述: 表示需要将widgetA中的点击改变内容传递到widgetB中的widgetC中展示; 需要通过设置widgetB的构造函数,接收对应参数,再传递给widgetC展示; class Inheritedwidget extends StatefulWidget { @override _InheritedWidgetState createState() => _InheritedWidgetSta0 111浏览会员免费
- 组件 – Image Text Icon 内容来自教程《Flutter技术入门与实战》 无状态组件和有状态组件 参考: StatelessWidget class StatefulWidget 两分钟带你掌握Flutter的StatelessWidget与StatefulWidget Flutter中的StatelessWidget是一个不需要状态更改的widget – 它没有要管理的内部状态。 当您描述的用户界面部分不依赖于对象本身中的配置信息以及widget的BuildContext 时,无状态widget非常有用。 AboutDialog, CircleAvatar和 Text 都是St0 74浏览会员免费
- Flutter是什么? Flutter是Google一个新的用于构建跨平台的手机App的SDK。写一份代码,在Android 和iOS平台上都可以运行。 AbsorbPointer AbsorbPointer是一种禁止用户输入的控件,比如按钮的点击、输入框的输入、ListView的滚动等,你可能说将按钮的onPressed设置为null,一样也可以实现,是的,但AbsorbPointer可以提供多组件的统一控制,而不需要你单独为每一个组件设置。 用法如下: AbsorbPointer( child: Row( children: <Widget>[ RaisedButton(o0 121浏览会员免费
- 效果图 壹、控件分解图 贰、代码实现 贰点壹、构建根布局 新建AdPictureWidget继承自StatefulWidget,新建_AdPictureWidgetState类继承自State<AdPictureWidget>,根布局为Stack,代码如下: class AdPictureWidget extends StatefulWidget { @override _AdPictureWidgetState createState() => _AdPictureWidgetState(); } class _AdPictureWidgetState extends State<0 112浏览会员免费
- import 'package:flutter/material.dart'; import 'package:flutter/rendering.dart'; void main() { runApp(App()); } class App extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, //去掉右上角的debug 图标 theme:0 96浏览会员免费
- 前提条件介绍 1.android-studio-3.6.1 死丢丢 配置了dart 和flutter插件 在 3.5.3时 成功运行过flutter工程 2.flutter 版本 Flutter 1.12.13+hotfix.8 • channel stable • https://github.com/flutter/flutter.git Framework • revision 0b8abb4724 (5 weeks ago) • 2020-02-11 11:44:36 -0800 Engine • revision e1e6ced81d Tools • Dart 2.7.0 问题:今0 162浏览会员免费
- 大家最近都在讨论新鲜技术-flutter,小编也在学习中,遇到大家都遇到的问题,底部导航。下面给大家贴出底部导航的编写,主要参考了lime这个项目。 上代码 一.在main.dart文件中 定义APP的基本信息 class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return new MaterialApp( title: 'Flutter Demo', t0 93浏览会员免费
- 本文实例为大家分享了flutter日期时间选择器的具体代码,供大家参考,具体内容如下 1 日期选择器 //设置默认显示的日期为当前 DateTime initialDate = DateTime.now(); void showDefaultYearPicker(BuildContext context) async { final DateTime dateTime = await showDatePicker( context: context, //定义控件打开时默认选择日期 initialDate: initialDate, //定义控件最早可以0 117浏览会员免费
- 前端开发当中最有意思的就是实现动画特效,Flutter提供的各种动画组件可以方便实现各种动画效果。Flutter中的动画组件主要分为两类: 隐式动画控件:只需设置组件开始值,结束值,执行时间,比如AnimatedOpacity,AnimatedSize等组件。 显式动画控件:需要设置AnimationController,手动控制动画的执行。显式动画可以完成隐式动画的效果,甚至更加地可控和灵活,不过需要管理该动画的AnimationController生命周期,AnimationController并不是一个控件,所以需要将其放在StatefulWidget中。 不难看出,隐式动画控件0 137浏览会员免费
- import 'package:flutter/material.dart'; import 'package:flutter_inappwebview/flutter_inappwebview.dart'; class TranformWebViewBottom extends StatefulWidget { @override _TranformWebViewBottomState createState() => _TranformWebViewBottomState(); } class _TranformWebViewBottomState extends State {0 236浏览会员免费
- #资料 基本 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class GridViewWidget extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(Container), ), body: GridView.count(0 162浏览会员免费
- Windows系统上面修改了flutter sdk的环境变量地址之后Android studio上面运行flutter项目就会报错 类似于: Could not read script XXX\flutter.gradle’ as it does not exist. 还有这样:flutter:Warning! The ‘flutter’ tool you are currently running is from a different Flutter repository 解决办法: 1.首先把settings里面的flutter sdk里面的路径改成现在最新的路径 然后运行依旧会报错0 798浏览会员免费
- flutter wrap组件 写的搜索记录 import 'dart:core'; import 'package:flutter/material.dart'; // 使用换行 显示搜索记录 class WarpPage extends StatelessWidget { final List tags = [ 肯德基, 小哥哥你的东西掉了, 小姐姐好漂亮啊, 这个东西是啥, 哈哈哈, 好困啊, 今天好运, 明天好运来, 今年快结束了, 我累啊, 你写的什么代0 193浏览会员免费
- 本文实例为大家分享了flutter PageView左右滑动切换视图的具体代码,供大家参考,具体内容如下 import 'dart:math'; import 'package:cached_network_image/cached_network_image.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter_x/base/base_appbar_page.dart'; class LeftPageViewPage e0 712浏览会员免费
- 转载请注明出处:https://blog.csdn.net/llew2011/article/details/104075883 在上篇文章Flutter源码系列之Flutter的热更新探索(上)我们分析了Flutter的加载流程,找到了实现热更新的方法,接下来我们开始实现热更新功能。考虑到Google可能会在后续版本中对FlutterLoader类做修改,因此我们先定义一个适配版本,代码如下: public enum FlutterVersion { /** * Flutter Version: 1.14.0 */ VERSION_011400 } VE0 297浏览会员免费
- 接上一个文章,我们还是进行控件的封装。 我们要自己实现一个AppBar控件,要知道我们AppBar控件有自己的高度,那么要实现自己的封装还要进行一个接口的实现 PreferredSizeWidget,当然你也可以用相关的控件把他包起来。 话不多说上代码: import 'package:flutter/material.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter_app_pneumonia/config/const.dart'; class ComMomBar extends Stateless0 84浏览会员免费
- 对比图如下:左图是默认的,右图是自定义的(具体是什么字体我也不清楚,百度随便下载.ttf文件的) 操作步骤如下(前提有ttf文件): 一.根目录下建立fonts文件夹,把ttf文件放进去,如下图所示: 二.pubspec.yaml(原本是fonts:……只是注释掉了,我没有动它原来的,自己写了) 三.使用 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class HomeScreen0 444浏览会员免费
- 在Flutter应用开发过程中,除了使用Flutter官方提供的路由外,还可以使用一些第三方路由框架来实现页面管理和导航,如Fluro、Frouter等。 Fluro作为一款优秀的Flutter企业级路由框架,Fluro的使用比官方提供的路由框架要复杂一些,但是却非常适合中大型项目。因为它具有层次分明、条理化、方便扩展和便于整体管理路由等优点。 使用Fluro之前需要先在pubspec.yaml文件中添加Fluro依赖,如下所示。 dependencies: fluro: ^1.5.1 如果无法使用上面的方式添加Fluro依赖,还可以使用git的方式添加Fluro依赖,如下所示。0 314浏览会员免费
- 原来的布局是这样: return new Scaffold( appBar: new AppBar( title: new Text(界面一), ), body: Padding( padding: const EdgeInsets.symmetric(vertical: 16.0, horizontal: 24.0), child: Form( key: _formKey, //设置globalKey,用于后面获取FormState autovalidate: true, //开启0 808浏览会员免费
- 文件结构: 内容承接:https://blog.csdn.net/u013227399/article/details/103893948 routes.dart import 'package:flutter/material.dart'; import '../pages/tabs.dart'; import '../pages/TextField.dart'; import '../pages/Radio.dart'; import '../pages/CheckBox.dart'; import '../pages/Switch.dart'; import '../pages/Fo0 185浏览会员免费
- 就像 android 有 handle 一样,消息队列这东西好像还真是系统必备,Flutter 也有自己的消息队列,只不过队列直接封装在了 Dart 的线程类型 Isolate 里面了,不过 Flutter 还是提供了 Futrue 这个 API 来专门来操作各种消息,以及实现基于消息队列的假异步 Flutter 的“异步”机制 这里的异步是加了引号的,可见此异步非真异步,而是假异步。Flutter 的 异步 不是开新线程,而是往所属线程的 消息队列 中添加任务,当然大家也可以按上文那样自己展开真异步操作 Flutter 对代码分2类: 同步代码和异步代码 同步代码:传统一行行写下来,一行0 161浏览会员免费
- 文件结构: 内容承接 https://blog.csdn.net/u013227399/article/details/103858613 main.dart import 'package:flutter/material.dart'; import 'routes/Routes.dart'; void main() => runApp(new MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp(0 113浏览会员免费
- Flutter部件内部状态管理 本文是 Flutter 部件内部状态管理的小结,从部件的基础开始,到部件的状态管理,并且在过程中实现一个类似 Vue 的 v-model 的功能。 widget 基础 widget(部件) 如 React 里万物皆组件, Java 里万物皆对象, Flutter 里,能看到的一切都是 widget(部件),如按钮、文本框等等。 Flutter 内部已经为我们做了一些基础的 widget ,例如: Text : 这个就是一个文本部件,里面用于放置文本 Row , Column : 行列布局部件 Container : 可以理解为 HTML 里的 div0 123浏览会员免费
- Flutter简介 Flutter是Google推出的基于Dart语言开发的跨平台开源UI框架,旨在统一纷纷扰扰的跨平台开发框架,在UI层面上多端共用一套Dart代码来实现多平台适配开发。目前应用比较广泛的还是移动端iOS和安卓,虽然传言Fuchsia会是亲儿子项目,那也不是当下考虑的。 下面重点给大家介绍下flutter的环境安装配置问题及解决方法。 (1)安装android SDK时,会出现Android license 的问题,将JAVA JDK降级到SE8就可以了,很多版本没对应上,JAVA8是比较稳定的,包括后面的gradle也需要基于JAVA8 问题描述:[!] Android t0 171浏览会员免费
- 前言 此动画效果是我在浏览文章时发现的一个非常酷炫的效果,于是就使用 Flutter 实现了。 更多动画效果及Flutter资源: https://github.com/781238222/flutter-do 添加依赖 在项目的 pubspec.yaml 文件中添加依赖: dependencies: wheel_switch: ^0.0.1 执行命令: flutter pub get 使用 WheelSwitch( value: false, ) 组件默认的宽高分别是80、30,也可以指定宽高: WheelSwitch( value: false, width: 150,0 215浏览会员免费
- 在上一篇文章:Flutter进阶—实现动画效果(一)的最后,我们说到需要一个处理程序混乱的概念。在这一篇文章中,我们会引入补间,它是构建动画代码的一个非常简单的概念,主要作用是用面向对象的方法替代之前面向过程的方法。tween是一个值,它描述了其他值的空间中的两个点之间的路径,比如条形图的动画值从0运行到1。 补间在Dart中表示类型为Tween的对象 abstract class Tween<T> { final T begin; final T end; Tween(this.begin, this.end); T lerp(double t); } 术语lerp来自计算机图形0 221浏览会员免费
- 学习 https://flutter.cn/docs/development/ui/advanced/splash-screen 向 Android 应用中添加闪屏页 开启 Flutter 的体验需要短暂地等待 Dart 的初始化。一个完整的 Flutter 应用还额外需要 Android 应用程序标准的初始化时间。 Flutter 支持在 Android 应用初始化的时候展示启动页,并且还支持在你的 Flutter 初始化时展示闪屏页。本指南展示如何在 Flutter 编写的 Android 应用中使用启动页和闪屏页。 iOS 启动页 所有应用在交付到 Apple 应用商店之前 必须使用0 127浏览会员免费
- FormField控件是单一表单字段,这个控件维护表单字段的当前状态,以便更新和验证错误能在UI中可见。TextField控件就是在FormField中包装了一个Input控件(后面的文章讲解),FormField维护输入的当前值,使您不需要自己管理它,更容易一次保存,重置或验证多个字段。 import 'package:flutter/material.dart'; class MyApp extends StatefulWidget { @override _MyApp createState() => new _MyApp(); } class _MyApp extends Sta0 78浏览会员免费
- 疫情刚好静下心来回归过去的工作,博主要开始学习flutter,博主会边学习边实战项目连续连贯实现,大约一周会出一篇,源码地址,开源不易,麻烦动手点星,谢谢,本开源不做商业使用,里面涉及用到api接口资源等只供学习,项目开发会分博客文章,请点击链接到对应的文章中浏览,建议其实万变不离其中,说到底还是离不开原生,学习之前往补充原生知识,本片主要讲的是引导页,其中涉及到技术点层叠布局、相对定位、容器、定时器、异步数据更新,再次感谢大家能耐心观看,谢谢! Flutter 开始征途1 布局详解1.1 Stack层叠布局1.2 Align 相对布局详解1.2.1 安卓相对布局1.2.2 ios相对布局10 179浏览会员免费
- 前言 最近看公司Flutter项目的时候,发现想要分析数据非常的困难,不是数据缺失就是数据异常,作为一个成熟的企业来说这是非常危险的,缺少了数据就像船只在海上航行的时候没有了方向,将会变得无所适从,所以这周花了点时间去优化。 我们要关注什么数据 对于Flutter这样的组件来说,我们需要关注的数据无非是两项: 性能数据 异常数据 这两项数据是我们监控整个Flutter应用是否优秀的最基础也是最重要的指标。性能数据能够帮我们分析出Flutter对比Native,RN,Weex等框架是否有优势,而异常数据则是反应了项目的健康程度,很多时候在项目开发和测试的过程中问题没有暴露,而是在线上才会0 355浏览会员免费
- 对齐与相对定位(Align) flutter通过Stack和Positioned,可以指定一个或多个子元素相对于父元素各个边的精确偏移,并且可以重叠。但如果我们只想简单的调整一个子元素在父元素中的位置的话,使用Align组件会更简单一些。 1.Align Align 组件可以调整子组件的位置,并且可以根据子组件的宽高来确定自身的的宽高,定义如下: Align({ Key key, this.alignment = Alignment.center, this.widthFactor, this.heightFactor, Widget child, }) 属性: 1.al0 326浏览会员免费
- 功能点: 1.更新弹窗UI 2.强更与非强更且别控制 3.屏蔽物理返回键(因为强更的时候点击返回键,弹窗会消失) 4.点击弹窗外透明区域时,弹窗不消失 先看下效果图: Dialog实现代码: import 'package:flutter/material.dart'; import 'package:xiaopijiang/utils/assets_util.dart'; import 'package:xiaopijiang/utils/toast_util.dart'; ///created by WGH ///on 2020/7/23 ///description:版本更新提示弹窗0 501浏览会员免费
- 开发环境 win10 Android Studio 效果 用于多级菜单展示,或选择。 如 每个省,市,县; 如 树木的病虫害; 关键代码 @override Widget build(BuildContext context) { return ListTile( title: _buildItem(widget.bean), ); } Widget _buildItem(NameBean bean){ if(bean.children.isEmpty){ return ListTile( title: Text(bean.name)0 333浏览会员免费
- 前面的两篇文章【动画效果(八) 、动画效果(九) 】中,我们只需要统计产品和地区,如果现在增加一个统计项目——销售渠道,那么使用之前的堆叠条形图和分组条形图都不适合。我们可以将两者结合,使用分组+堆叠条形图,实际效果如下图所示: 如上图,我们使用同一种颜色的不同透明度表示不同的销售渠道,为了实现不同的透明度,我们需要先更新一下color_palette.dart文件的代码: import 'package:flutter/material.dart'; import 'dart:math'; class ColorPalette { static final ColorPalette p0 131浏览会员免费
- 主要给大家介绍了关于如何使用Flutter实现58同城中加载动画详的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Flutter具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧0 100浏览会员免费
- 发生于编译时:错误: 程序包androidx.lifecycle不存在 先贴一段报错log,让你更加准确的匹配问题所在,对症下药,药,切克闹。 D:\study\flutter\flutter\.pub-cache\hosted\pub.flutter-io.cn\flutter_plugin_android_lifecycle-1.0.8\android\src\main\java\io\flutter\embedding\engine\plugins\lifecycle\FlutterLifecycleAdapter.java:8: 错误: 程序包androidx.lifecycle不存0 584浏览会员免费
- 主要给大家介绍了关于Flutter里面错误捕获的正确方法,文中通过示例代码介绍的非常详细,对大家学习或者使用Flutter具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧0 85浏览会员免费