Flutter、Dart
Flutter的基础知识
游码笔记
愿你出走半生,归来仍是少年
展开
-
Flutter 打包apk优化命令
flutter build apk --target-platform android-arm,android-arm64,android-x64打包路径为: 项目的build\app\outputs\flutter-apk\app-release.apk作用:对比flutter build apk 压缩了10%的大小原创 2021-12-25 11:29:42 · 1726 阅读 · 0 评论 -
Flutter:强制竖屏、横屏
import 'package:flutter/services.dart';void main() { WidgetsFlutterBinding.ensureInitialized();//不加这个强制横/竖屏会报错 SystemChrome.setPreferredOrientations([ // 强制竖屏 DeviceOrientation.portraitUp, DeviceOrientation.portraitDown ]); // System.原创 2021-09-02 14:57:49 · 1092 阅读 · 0 评论 -
Flutter(Dart) String字符串常用的方法
字符串常用的方法(1)contains(var):判断字符串是否包含var(2)subString():字符串截取(3)startsWith(var):判断字符串是否以var的字符串起始(4)endsWith(var):判断字符串是否以var的字符串结束(5)indexOf(var):获取var在字符串的第一个位置索引值,如果没找到返回-1(6)lastIndexOf():获取var在字符串的倒序第一个位置的索引值,如果没找到返回-1,(7)toLowerCase():将字符串小写处理(8)转载 2021-08-02 16:37:11 · 3094 阅读 · 0 评论 -
Flutter2.0 更新旧项目,出现错误compileDebugJavaWithJavac
Flutter2.0更新了,项目咋能不更新呢,一更新就出现这错误,自己摸了半天,终于弄好了。看来学习Android、java的进程要加快脚步了!!Flutter2.0 更新旧项目,出现错误compileDebugJavaWithJavac这问题,莫慌。关闭程序,用AS打开<你的项目名称>的andriod,这里是进行安卓运行;像进行Android开发一样,等待加载完毕之后,没有错误就运行,最后就会出现错误信息的出处:GeneratedPluginRegistrant.registe原创 2021-03-06 18:46:46 · 1757 阅读 · 0 评论 -
Flutter篇 Dart常见类型转换
int -> stringint age = 5;String ageString = age.toString();//'5'string -> intString str = '100';int strInt = int.parse(str); //100String -> doubleString str = '3.14';double strDouble =double.parse(str);//3.14double->String..原创 2021-03-05 09:34:24 · 4531 阅读 · 1 评论 -
iOS pod install 的两个警告⚠️Smart quotes were detected警告
在使用pod install命令的时候, 末尾出现以上Smart quotes were detected警告[!] Smart quotes were detected and ignored in your Podfile. To avoid issues in the future, you should not use TextEdit for editing it. If you are not using TextEdit, you should turn off smart quotes原创 2021-03-03 11:14:42 · 851 阅读 · 0 评论 -
Flutter篇 iOS运行错误
flutter报错: [!] Automatically assigning platform `iOS` with version `8.0` on target `Runner` becaus解决: 现在版本更新了,应该大部分9.0platform :ios, '9.0'错误:[!] CocoaPods could not find compatible versions for pod "xxx":In snapshot (Podfile.lock):Analyzing .原创 2021-03-02 16:05:17 · 2945 阅读 · 0 评论 -
Flutter篇 Could not build the application for the simulator.
点击三角形按钮,突然运行错误:Could not build the application for the simulator.Error launching application on iPhone 11 Pro Max.错误解析:在项目的终端flutter clean进行一下,重启,打开运行项目;如果还不行,说明你新添加的功能代码是有问题的,以至于产生冲突,你可以先暂时注释掉最近写的权限功能代码,再细看文档吧。比如我的 就是应该使用高德获取位置的过程中,iOS端没有处理好原创 2021-03-02 14:39:03 · 7720 阅读 · 1 评论 -
Flutter篇 http设置“content-type“: “application/json“会出现报错Cannot set the body fields of a Request ...
在flutter中在http请求发送时设置"content-type": "application/json"会出现报错Cannot set the body fields of a Request with content-type “application/json”解决方法通过jsonEncode处理要提交的参数final putData = jsonEncode(params); // 处理提交参数final putResponse = await http.put('h.原创 2021-02-25 17:25:00 · 1599 阅读 · 0 评论 -
Flutter篇 常用在Padding、margin的EdgeInsets的属性
fromLTRB(double left, double top, double right, double bottom):分别指定四个方向的填充。 all(double value) : 所有方向均使用相同数值的填充。 only({left, top, right ,bottom }):可以设置具体某个方向的填充(可以同时指定多个方向)。 symmetric({vertical, horizontal}):用于设置对称方向的填充,vertical指top和bottom,horizontal...原创 2021-02-20 10:35:16 · 1090 阅读 · 0 评论 -
Flutter篇 CircleAvatar组件圆形
效果如下:实现代码:Container( child: CircleAvatar( backgroundColor: Colors.amber, radius: ScreenUtil().setSp(50), child: Image.asset('图片路径',width: ScreenUtil().setWidth(50),height: ScreenUtil().setHeight(50),),原创 2021-02-20 10:30:06 · 2369 阅读 · 0 评论 -
Flutter篇 BottomNavigationBar底部导航栏
效果如下:简单解释一下吧,创建两个数组,一个存放tab的icon 和 标题,另一个存放对应的状态界面的函数名;int currentIndex = 0; //接收点击到的页面数var currentPage ;//用来接收要展示的对应界面BottomNavigationBar首先,bottomNavigationBar是属于Scaffold中的一个位于底部的控件。通常和BottomNavigationBarItem配合使用BottomNavigation...原创 2021-02-20 10:22:32 · 1108 阅读 · 0 评论 -
Flutter篇 去掉右上角的贴纸,以及改变主题色primaryColor、primarySwatch
去掉右上角的贴纸debugShowCheckedModeBanner: false,改变主题色的方法1、如果是系统自带的颜色属性,可以使用primaryColorThemeData(primaryColor:Colors.blue),2、但是有些颜色在primaryColor中是不适用的,会报红,这时,推荐第二种方法primarySwatch可以接收颜色的0x进制(16进制)和常用的颜色属性theme: ThemeData( primarySwa...原创 2021-02-20 10:06:38 · 3834 阅读 · 0 评论 -
Flutter篇,打开旧项目出现问题Your Flutter application is created using an older version of the Android .......
在打开旧的flutter项目时可能会遇到如下问题:YourFlutterapplicationiscreatedusinganolderversionoftheAndroid embedding.It'sbeingdeprecatedinfavorofAndroidembeddingv2.解决方法:打开android目录下的app文件夹下的AndroidManifest.xml文件,在activity标签的下面增加如下代码:<meta-d...原创 2021-02-10 09:43:52 · 846 阅读 · 0 评论 -
Flutter篇 错误:setState() or markNeedsBuild() called during build.错误解决办法
错误解析:在运行中,原因是因为控件、响应事件还没有构建完毕,延时加载即可解决问题解决方法:添加延时 void _addIndex() { /*这里要延时加载 否则会抱The widget on which setState() or markNeedsBuild() was called was:错误*/ Future.delayed(Duration(milliseconds: 200)).then((e) { setState(() { i原创 2021-01-09 09:53:31 · 2201 阅读 · 0 评论 -
Flutter篇 flutter框架优缺点
1、Flutter优点A、混合开发中,最接近原生开发的框架;B、性能强大,流畅;C、优秀的路由设计;D、优秀的动画设计;E、简单易学,Dart语言更具优势;F、跨多种平台,减少开发成本;支持插件,可以访问原生系统的调用。2、Flutter缺点A、脱离不开原生,开发人员需要具备原生(Android、iOS)基础开发能力;B、适配问题,开发工具版本升级后,修改量大;C、原生集成第三方SDK后,兼容性适配是个令人头痛的问题;D、代码可读性较差,对代码质量和管理要求较高;E、Wi...原创 2020-12-01 17:21:04 · 16388 阅读 · 1 评论 -
Flutter篇 TabBar顶部导航栏和底部导航栏
效果tabbar属性/** const TabBar({ Key key, @required this.tabs,//显示的标签内容,一般使用Tab对象,也可以是其他的Widget this.controller,//TabController对象 this.isScrollable = false,//是否可滚动 this.indicatorColor,//指示器颜色 this.indicatorWeight = 2.0,/.原创 2020-11-21 15:29:45 · 1544 阅读 · 0 评论 -
Flutter篇 ThemeData设置白色主题以及appbar 的常用属性
使用primaryColor: Colors.white即可。class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, theme: ThemeData( primaryColor: Colors.white .原创 2020-11-20 18:20:56 · 4079 阅读 · 0 评论 -
Flutter篇 width设置值:占满
width: double.infinity原创 2020-11-19 15:56:53 · 4423 阅读 · 0 评论 -
Flutter篇 报错:Waiting for another flutter command to release the startup lock..
在平时的开发中,Android studio连接模拟器,显示不出来如果出现Waiting for another flutter command to release the startup lock.. 两种解决方案;切换网络(第一种不行就第二种) 进入flutter sdk 目录,然后找到bin/cache/lockfile文件,删除后再运行flutter doctor,再连接模拟器。错误就会解决...原创 2020-11-19 15:23:37 · 143 阅读 · 0 评论 -
Flutter 篇 轮播图 flutter_swiper
添加依赖flutter_swiper: ^1.1.6 #轮播插件最新版本看:https://pub.dev/packages/flutter_swiper#-readme-tab-Pub get 之后,引用import 'package:flutter_swiper/flutter_swiper.dart';效果图import 'package:flutter/material.dart';import 'package:flutter_swiper/fl..原创 2020-11-17 15:36:12 · 2771 阅读 · 0 评论 -
Flutter篇 启动出现白色页,如何消除?
点击查看原篇Android 启动页首先打开如下图的文件:有这么一段meta-data 中value设置为true代表有启动页,然后打开res->values->style.xml文件如下图:文件中设置了style,名称为LaunchTheme,注意这个名称不能修改,style加载的是drawable中的launch_background.xml,我们打开这个文件:默认情况下红框内的item是没有的,这就是我们要设置的启动页的图片,启动页的图片我们存放在drawable下,如下图原创 2020-11-11 15:48:55 · 693 阅读 · 0 评论 -
Flutter篇 SingleChildScrollView组件解决界面底部溢出问题
问题:键盘出现,界面出现溢出问题;解决方案:添加 SingleChildScrollView组件 解决界面溢出,底部乱码的问题原创 2020-11-06 18:09:20 · 1857 阅读 · 0 评论 -
Flutter篇 绘制贝塞尔曲线 、折线 、柱状图,支持触摸
先看下要实现的基本效果: Flutter中如果想要自定义绘制,那么你需要用到CustomPaint和CustomPainter ;CustomPaint是Widget的子类,先来看下构造方法 const CustomPaint({ Key key, this.painter, this.foregroundPainter, this.size = Size.zero, this.isCompl...转载 2020-11-07 12:42:57 · 1408 阅读 · 0 评论