
Flutter
文章平均质量分 76
Flutter基础学习,详细说明
android 小白星
这个作者很懒,什么都没留下…
展开
-
Flutter新手入门常用组件总结,让你了解更多的Flutter组件?
Flutter常用组件1.MaterialApp2.Scaffold3.Container4.BoxDecoration(装饰器)5.Row(横向排布)6.Column(纵向排布)7.Expanded和Flexible8.Stack和Positioned(层叠布局)9.页面切换BottomNavigationBar10.RefreshIndicator和ListView(下拉刷新)11.FloatingActionButton(悬浮按钮)12.Text(文本)13.TextField(功能较多)14.Pag原创 2021-04-06 23:01:59 · 4391 阅读 · 1 评论 -
flutter百度语音唤醒功能出现 {“error“:11,“desc“:“Wakeup engine has no license“,“sub_error“:11002}怎么办?
问题如下:这个问题是一个同学问我关于遇到这个问题怎么办,因为他可以在Android端实现这个功能,但是放到flutter就会报错。于是我也去测试了,发现一直会报这个问题,困扰了我好久,但是突然我发现我们在百度语音创建应用的时候需要用到包名,我改了运行包名,还真的成功了。1.创建的应用的时候需要填写包名关于这个包名填写什么我下面会说明2.与你打印的包名相同我们可以看到我们打印错误前面的包名是com.example.voice_app,所以上方需要填写com.exampe.voice_app。原创 2021-04-05 16:23:16 · 2625 阅读 · 2 评论 -
Flutter学习第十五天:2021年最新版超详细Flutter实现Mob+SMSSDK手机验证码登录实现,Android和Flutter混合开发?
Flutter实现手机验证码登录第一步:在mob平台配置SMSSDK环境第二步:建立flutter项目和android的library文件第三步:在Android的library文件中部署mob+SMSSDK环境1.在project的build.gradle文件中加入如下代码2.在你建立的library中加入如下代码3.在你的AndroidMainfest.xml文件中加入权限第四步:在flutter的Android文件中配置环境1.修改版本2.flutter的Android文件中导入android端的li原创 2021-04-01 17:08:12 · 3379 阅读 · 4 评论 -
Flutter学习第十四天:Flutter类似于淘宝的首页照片墙功能,让你的界面更加美观灵活?
Flutter实现照片墙1.把json数据转化为dart(model层)2.通过http请求获取json数据(dao层)3.实现demo界面的基础功能(view层)这个功能是主要是学习flutter视频的那个老师教给我的,感觉效果不错,就来分享记录一下,让我下次使用起来方便一点,废话少说,先看一下功能吧。Demo使用的主要技术:后端:json数据前端:1.TabBar+TabBarView实现Tab切换2.使用flutter_staggered_grid_view插件实现照片墙功能3.使用C原创 2021-03-28 00:17:17 · 1083 阅读 · 0 评论 -
Flutter学习第十三天,2021最新版超详细Flutter2.0实现百度语音转文字功能,Android和Flutter混合开发?
Flutter实现百度语音转文字功能1.新建一个flutter项目,来实现View端。2.新建android端的module1.打开flutter里面的Android文件1.新建一个module3.配置百度语音转文字sdk1.下载SDK2.在asr_plugin里面配置SDK1.找到core文件夹2.把下图文件放到asr_plugin文件的lib文件中3.把jniLibs粘贴到你的src文件中4.配置你的AndroidMainfest权限5.在flutter的Android文件的build.gradle文件原创 2021-03-23 15:37:54 · 5085 阅读 · 8 评论 -
Flutter学习第十二天:如何实现android端和Flutter混合开发?
android和Flutter混合开发1.android和flutter开发的实现1.新建一个文件夹用来存储android和flutter项目。2.新建一个android项目3.新建一个Flutter项目4.两个项目在同一个文件夹中5.在android项目中加载flutter项目6.导入flutter项目7.Flutter可以和android 、ios混合开发,因为我的电脑的系统是window,所有只能开发android。ios具体开始可以自己了解,下面是Flutter端和Native端开发的结构。1原创 2021-03-18 18:52:20 · 530 阅读 · 1 评论 -
Flutter学习第十一天:使用Fl_chart依赖实现饼图,功能齐全符合我的要求?
Flutter实现漂亮的饼图1.导入依赖2.饼图1.效果图2.所有代码3.代码解析1.代码结构3.组件作用1.导入依赖fl_chart: ^0.12.2如果你想进一步了解这个插件的话,可以去看一下它的源码。框架地址关于如何导入依赖步骤如图所示:pubspec.yaml文件->在dependencies下面添加依赖->点击pub get2.饼图1.效果图废话少说,先看一下效果2.所有代码import 'package:fl_chart/fl_chart.dart';im原创 2021-02-13 10:53:47 · 4977 阅读 · 1 评论 -
Flutter学习第十天:使用Fl_chart依赖实现折线图,功能齐全符合我的要求?
Flutter画出漂亮的折线图,饼图1.导入依赖2.折线图1.一条折线图1.效果图2.主要代码3.代码解析1.导入依赖fl_chart: ^0.12.2如果你想进一步了解这个插件的话,可以去看一下它的源码。框架地址关于如何导入依赖步骤如图所示:pubspec.yaml文件->在dependencies下面添加依赖->点击pub get2.折线图1.一条折线图1.效果图2.主要代码import 'package:fl_chart/fl_chart.dart';impor原创 2021-02-11 19:44:04 · 7684 阅读 · 11 评论 -
Flutter学习第九天:实现拍照,本地图片选择的简单Demo实现。
简单的拍照,本地图片选择Demo1.导入依赖1.依赖如下2.导入依赖步骤2.所有代码如下:代码解析:废话少说,先看一下效果,主要功能:1.可以选择多张本地图片2.可以实现拍照3.可以实现选择图片排列4.可以实现图片的删除1.导入依赖1.依赖如下image_pickers: ^1.0.8+7如果先了解更多的功能,可以去看这个依赖说明地址。2.导入依赖步骤我使用的软件为android studio,步骤如下图:2.所有代码如下:import 'dart:io';import原创 2021-02-09 17:35:46 · 3021 阅读 · 2 评论 -
Flutter学习第八天:轮播图Banner,自定义AppBar实现滚动渐变?
轮播图Banner,自定义AppBar实现滚动渐变1.轮播图的实现1.导入依赖包2.插入导入地址3.使用轮播图插件2.自定义AppBar实现滚动渐变1.部分代码解析2.整体代码1.轮播图的实现1.导入依赖包flutter_swiper: ^1.1.6Flutter下载地址插件地址:Flutter插件下载地址在里面搜索flutter_swing就可以获取你需要的Flutter的插件2.插入导入地址步骤如下:先点击pubspec.yaml地址--->然后把依赖包添加到dependenci原创 2021-02-09 15:47:48 · 1348 阅读 · 1 评论 -
Flutter学习第七天:Flutter如何实现顶部导航,底部导航菜单,侧拉栏菜单等功能?
1.顶部导航代码如下:import 'package:flutter/material.dart';void main() { runApp(MaterialApp( home: TabbedAppBarSample(), ));}class TabbedAppBarSample extends StatefulWidget { @override _TabbedAppBarSampleState createState() => _TabbedAppBarSam原创 2021-01-30 18:19:33 · 673 阅读 · 0 评论 -
Flutter学习第六天:Flutter实现打开第三方应用、一行代码实现夜间模式、字体改变、跟随手指移动,加载网络图片等功能。
Flutter实现小球跟随手指运动功能比较简单,我也是刚刚开始学Flutter,主要用来记录一下学习过程,废话不多说,先看效果。使用的组件:Stack:层叠布局,相当于Web中的绝对定位、Android中的Frame布局是相似的。Positioned:开始位置是(0,0),移动之后记录到定点(0,0)的left,top距离,所有坐标为(left,top)。GestureDetector:手势控制。屏幕上的触摸点位置每次改变时,都会触发这个回调。container:容器总共代码如下:imp原创 2021-01-26 17:50:17 · 1041 阅读 · 0 评论 -
Flutter学习第五天:StatefulWidget常用组件总结,撑起Flutter的另外半边天?
StatefulWidget常用教程组件1.页面切换BottomNavigationBar2.RefreshIndicator,加载网络图片3.FloatingActionButton4.TextFieldStatefulWidget常用基础总结,我也是刚刚开始学Flutter,总结一下主要用于以后学习,避免忘记。1.页面切换BottomNavigationBar粘贴代码到你的Android Studio的时候,如果排布不好看,可以使用Ctrl+Alt+L快速格式。int _currentInde原创 2021-01-26 15:53:42 · 609 阅读 · 0 评论 -
Flutter学习第四天:StatelessWidget常用组件总结,撑起Flutter的半边天?
StatelessWidget常用组件总结1.Text2.icon如何导入外部图片呢?1.先新建一个images目录2.导入你需要导入的图片3.在pubspec.yaml文件里面加入如图图片地址4.使用Image组件导入外部图片3.CloseButton,BackButton4.chip5.Divider6.Card7.AlertDialogStatelessWidget常用基础总结,我也是刚刚开始学Flutter,总结一下主要用于以后学习,避免忘记。我学习视频的那个老师博客地址,老师说的很不错,清晰原创 2021-01-25 16:45:55 · 826 阅读 · 0 评论 -
Flutter出现Build failed with an exception。
如何解决1.第一步:关掉android studio2.第二个:找到你项目的地址,删掉build3.就可以重启android studio,点击运行按钮即可。出现错误如下:我也在网上搜了一下,搜到的都是解决不了我的问题,但是我突然想到了我以前使用android的时候也出现过这种问题,所有我就试一下那种方法,还真的解决。解决办法1.第一步:关掉android studio2.第二个:找到你项目的地址,删掉build如果发现被占用的话,你可以打开任务管理器关掉dart.exe文件3.就可以重原创 2021-01-24 22:53:06 · 4673 阅读 · 3 评论 -
Flutter学习第三天:Dart编程和java的有哪些相似之处,结尾还有小彩蛋?
面向对象编程Dart语言1.构造方法2.命名构造方法3.工厂构造方法4.命名工厂构造方法5.setters和getters方法6.静态方法7.抽象方法8.mixins9.泛型10.小彩蛋1.善用?.防止空异常2.善用??设置默认值3.简化判断因为Flutter的开发语言是Dart,所有必须得知道Dart的语法,对于学过java或者Python等语言的来说,上手还是比较轻松的。如果不知道Flutter能优缺点,或者Flutter在android studio配置环境。Flutter学习第一天:小伙花饭钱去原创 2021-01-23 23:10:22 · 1170 阅读 · 2 评论 -
Flutter学习第二天:Dart常用数据类型大总结,满满的干货,对于学过Python和java的太友好了?
Dart的数据类型Dart的常用数据类型1.num2.int、double类型3.String类型4.bool类型5.List类型1.List类型`添加数据的两种方式`2.其他方法:3.List类型遍历的三种方法:4.常用方法6.Map类型1.Map类型的`添加数据的两种方式`2.Map类型的遍历3.Map类型之间传值7.dynamic、var、Object三者的区别1.个人认为dynamic,object两个和var的还是很容易区别的,如下图:2.dynamic,object的区别,`dynamic与Ob原创 2021-01-22 23:35:58 · 1132 阅读 · 0 评论 -
Flutter学习第一天:小伙花饭钱去买Flutter教学视频,只为了知道Flutter是否支持双系统开发?
为什么学习Flutter我对于Flutter的理解1.关于Flutter是否能够支持双系统的问题?2.我为什么学习Flutter?3.Flutter的开发工具4.Flutter的开发语言5.Flutter的布局方式6.Flutter中常用的控件7.在android studio中配置Flutter环境搭建关于我为什么要学Flutter,因为我也差不多是跟风吧,因为在网上听说Flutter可以支持ios和android双系统,于是我就在慕课上买了几百块钱的Flutter课程,虽然确实可以支持双系统,但是也不原创 2021-01-21 20:23:35 · 2773 阅读 · 8 评论