Flutter,Flutter教程,Flutter问题

解决Android studio 创建虚拟机时提示a system image must be selected continue问题

2020-12-10

在使用android studio的时候，很多新手在创建虚拟机的时候回出现 a system image must be selected continue错误。里明显是缺少了systemImage,解决方法如下打开SDK MANAGER,然后把右下角的show package details勾上,把对应的system image下载下来即可

flutter常见命令整理收藏

2020-07-01

3098 0

1、帮助命令：flutter -h2、显示本机的模拟器：flutter emulators3、启动本机的模拟器：flutter emulator --launch apple_ios_simulator4、远程更新package：flutter packages get5、运行应用到模拟器上：flutter run6、热重载：先保存代码ctrl+s,，然后在 terminal中输入r，执行后界面内容更新7、停止运行：ctrl+zVSCode中常用的快捷键R 键重新启动r 键热重载q 退出p 显示网格P 显示帧率o 切换Android与iOS的预览模式

flutter搜索功能实现

2020-07-01

8257 0

搜索功能在每个app里面必不可少，也是常见的功能，以下是个案例。效果图展示：说明：本功能实现，点击搜索框跳转至搜索页面，搜索联想功能import;'package:flutter/material.dart'; import;'detail_page.dart'; ; class;HomePage;extends;StatefulWidget{ ;;_TvPageState;createState();=>;_TvPageState(); } ; class;_TvPageState;extends;State<HomePage>;with;AutomaticKeepAliveClientMixin{ ;;@override ;;void;initState(){ ;;;;super.initState(); ;;} ;;@override ;;Widget;build(BuildCon

flutter页面间跳转和销毁方法

2020-07-01

6418 0

1、push方法：直接跳转到下个页面，可以传递参数Navigator.of(context).push( ;;;;new;MaterialPageRoute(builder:;(BuildContext;context);{ //TextWdigetPage要跳转的页面 //title要传递的参数 ;;;;;;return;TextWdigetPage(title:;"传递的参数"); ;;;;})) ; ),或者Navigator.push(context, ;;;;new;MaterialPageRoute(builder:;(BuildContext;context);{ ;;;;;;return;TextWdigetPage(title:;"传递的参数"); ;;;;}) )2、页面的销毁：跳转后的操作，route == null 为销毁当前页面Navigator.pushAndRemov

futter页面跳转，列表跳转至详情页介绍

2020-07-01

3472 0

1、使用InkWell（）包裹元素，onTap(){}点击跳转onTap:;(){ ;;Navigator.of(context).push( ;;;;;MaterialPageRoute(builder:;(context)=>DetailPage( ;;;;;eachVodId:;val['id'], ;;;;;eachVodName:;val['vod_name'], ;;;;;p:1 ;;;;;)) ); }1.1、demo代码：;;;;;;return;InkWell( ;;;;;;;;onTap:;(){ ;;;;;;;;;;Navigator.of(context).push( ;;;;;;;;;;;;;;MaterialPageRoute(builder:;(context)=>DetailPage( ;;;;;;;;;;;;;;;;;;eachVodId:;val['id'], ;;;;;;;;;;;;;;;;;;eachVodName:;val[

flutter网络编程之dio封装

2020-07-01

5026 0

一、添加依赖pubspec.yamldependencies: dio:;^3.0.9二、dio封装2.1、创建http_service.dart文件（/lib/service/http_conf.dart），用于dio请求封装import;'package:dio/dio.dart'; import;'dart:async'; import;'dart:io'; import;'../config/index.dart'; import;'../config/http_conf.dart'; ; Future;request(url,{formData})async{ ;;try{ ;;;;Response;response; ;;;;Dio;dio;=;new;Dio(); //;;;;dio.options.contentType;=;ContentType.parse('application/x-www-form-url

Flutter视频播放器推荐

2020-07-01

7697 0

fijkplayer 是一个 Flutter 生态的媒体播放器，是对 ijkplayer 的 Flutter 封装，支持 Android 和 iOS。 fijkplayer 使用 ijkplayer 作为播放器内核。ijkplayer 使用 ffmpeg 进行音视频解封装和解码，同时添加了 Android 和 iOS 平台特有的硬件加速解码能力。;fijkplayer 具有和 ijkplayer 一样的播放能力，并且开箱即用，不需要使用者再去编译 ijkplayer，API易用，易于在 Flutter 项目中集成。;fijkplayer 通过纹理方式将播放器视频画面渲染接入 flutter 中，性能上优于 PlatformView 的接入方法。 fijkplayer 有内置的编译好的ffmepg

Flutter使用 Wakelock 插件控制屏幕常亮方法

2020-06-25

6382 0

有时我们在播放视频是需要使屏幕处于常亮状态，这时可以使用Wakelock 插件。;wakelock在android的电源管理系统中扮演一个核心的角色，wakelock是一种锁的机制, 只要有task拿着这个锁, 系统就无法进入休眠, 可以被用户态进程和内核线程获得。这个锁可以是有超时的或者是没有超时的, 超时的锁会在时间过去以后自动解锁。如果没有锁了或者超时了, 内核就会启动标准linux的那套休眠机制机制来进入休眠。github介绍：https://pub.flutter-io.cn/packages/wakelock安装使用说明：1、添加到pubspec.yaml 文件dependencies: ;;wakelock:;^0.1.4+1

Flutter学习修改app名称和icon图标

2020-06-25

3441 0

一个app应用开发到最后，也就剩下上线的步骤了，上线之前除了测试之外还有一个重要的步骤也就是app信息的修改，最近笔者刚好做好了app，以下记录下个人人修改app应用信息和图标流程，供大家参考一、图标icon修改1.1、android应用icon修改（路径：项目/android/app/src/main/res）把各个文件夹下图片换成你想要的尺寸，还有格式必须是.png后缀。1.2、iso应用图标icon修改：（路径：项目/ios/Runner/Assets.xcassets/AppIcon.appiconset/）注意：ios应用图标必须是圆角透明png图标，相比安卓，安卓只需png图标，不需要圆角。二、修改应用名

android studio flutter打包，踩坑，填坑详细过程。

2020-06-25

4955 1

笔者第一次学flutter,踩坑不少，填坑也不少，不得不说官网在打包的这块留太多坑了。以下是笔者做好flutter项目中遇到的一些问题。一、SDK篇1、修改flutter.gradle 和;resolve_dependencies.gradle路径：flutter/packages/flutter_tools/gradle/flutter.gradle;;;;;;;;;;flutter/packages/flutter_tools/gradle/resolve_dependencies.gradle1.1、flutter.gradle文件修改buildscript部分buildscript;{ ;;;;repositories;{ ;;;;;;;;maven;{;url;'https://maven.aliyun.com/repository/google';} maven;{;url;'https://maven

mac flutter 环境搭建、安装教程记录

2020-06-24

2960 0

本文主要说的是mac系统下的flutter环境安装。如果是window系统的伙伴，可以参考另一篇文章：Win10下 Flutter环境完整安装记录、教程安装步骤说明：1.打开终端，cd到你要安装的目录2. 下载flutter：;git;clone;-b;beta;https://github.com/flutter/flutter.git3.下载好flutter后就在当前目录下执行： export PATH=`pwd`/flutter/bin:$PATH;或者：此代码只能暂时针对当前命令行窗口设置PATH环境变量，要想永久将Flutter添加到PATH中,需要修改 .bash_profile 文件vim;~/.bash_profileexport;PATH=/Users/huipu/Downloads/work/flutter/bin:$P

解决Failed to retrieve the Dart SDK from: https://storage.googleapis.com/flutter_infra/问题

2020-06-24

4871 0

mac终端执行flutter -h命令后，出现过Failed to retrieve the Dart SDK from: https://storage.googleapis.com/flutter_infra/flutter/91a63d6a44c56ca13baadccedc46fd66b001fdbc/dart-sdk-darwin-x64.zipIf you're located in China, please see this page:; https://flutter.dev/community/china 这个问题。解决办法执行flutter -h之前，先执行一下命令export;PUB_HOSTED_URL=https://pub.flutter-io.cn export;FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn成功之后：

flutter踩坑之dio报错Error: The method 'DioHttpHeaders.add' has fewer named arguments than those of overridden method 'HttpHeaders.add'.

2020-06-17

6559 0

Compiler message:../../flutter/.pub-cache/hosted/pub.flutter-io.cn/dio-2.2.2/lib/src/dio_http_headers.dart:55:8: Error: The method 'DioHttpHeaders.add' has fewer named arguments than those of overridden method 'HttpHeaders.add'.; void add(String name, value) {; ; ; ;^org-dartlang-sdk:///third_party/dart/sdk/lib/_http/http.dart:694:8: Context: This is the overridden method ('add').; void add(String name, Object value,; ; ; ;^../../flutter/.pub-cache/hosted/pub.flutter-io.c

flutter实现底部导航，底部导航实现方法

2020-06-15

3082 0

大家最近都在讨论新鲜技术-flutter，小编也在学习中，遇到大家都遇到的问题，底部导航。下面给大家贴出底部导航的编写。1、在lib文件加下，新建文件夹和页面文件2、 navigator/tab_navigator.dart下示例代码：/* ;*;@Author:;your;name ;*;@Date:;2020-06-13;21:00:21 ;*;@LastEditTime:;2020-06-13;22:59:25 ;*;@LastEditors:;Please;set;LastEditors ;*;@Description:;In;User;Settings;Edit ;*;@FilePath:;\flutter_word\flutter_app\lib\navigator\tab_navigator.dart ;*/ import;'package:flutter/material.dart';

Flutter实现轮播图banner

2020-06-14

5383 0

轮播图在app中必不可少，最近笔者也在做app，以下是一个简单的flutter实现banner轮播图方法，提供给大家参考。1、安装轮播组件打开pubspec.yaml文件将flutter_swiper: ^1.1.4插件添加到pubspec.yaml里面2、实现代码：/* ;*;@Author:;your;name ;*;@Date:;2020-06-13;21:00:21 ;*;@LastEditTime:;2020-06-13;23:26:45 ;*;@LastEditors:;Please;set;LastEditors ;*;@Description:;In;User;Settings;Edit ;*;@FilePath:;\flutter_word\flutter_app\lib\navigator\tab_navigator.dart ;*/ import;'package:flutter/material.dart

Win10下 Flutter环境完整安装记录、教程

2020-06-10

3754 0

本文主要说的是win10系统下的flutter环境安装。如果是mac系统的伙伴，可以参考另一篇文章：mac flutter 环境搭建、安装教程记录flutter开发SDK使用git克隆仓库下载。至于git的使用不是本篇文章介绍的内容，不熟悉git的请移步git使用详细教程一、下载flutter在git命令行下输入如下命令：git;clone;-b;alpha;https://github.com/flutter/flutter.git 注意: flutter的下载路径要全英文并且路径不能有空格！执行完命令后等待下载即可。二、配置环境变量在系统环境变量path中添加刚刚下载的flutter的路径。将bin文件路径添加至path中Win10添加