Flutter
关注
分享
扫一扫
Thinking in Flutter
杨天福911
一个沪漂奋斗中的码农……
展开
-
kotlin中使用Flutter-Boost混合开发的传值跳转问题
文章目录使用场景目录结构效果图Android工程集成flutter-boostflutter moudle中使用flutter-boostAndroid Native端注册 flutter-boostAndroid跳转Flutter传参Flutter跳转Android传参使用场景 对于一些业务功能单一或者只是用来展示而没有过多交互的页面，比如登录页面或者商品列表页，只是为了给用户展示，这种页...原创 2020-04-18 22:44:28 · 8138 阅读 · 0 评论 -
Vscode配置flutter环境打开dart文件报红线
文件——首选项——设置，搜索fluttersdkpath安装完flutter和dart插件后打开dart文件报红线，很可能是因为没有配置flutter的SDK路径 "dart.flutterSdkPath": "C:/Users/user/flutter"...原创 2020-04-18 13:16:39 · 7712 阅读 · 1 评论 -
Flutter中SharedPreferences存取对象
存储SharedPreferences preferences = await SharedPreferences.getInstance(); await preferences.setString("userMsg", loginMsg.data.loginToken); print("用户本地token == ${preferences.getString("userMsg")...原创 2020-01-18 15:24:04 · 9280 阅读 · 3 评论 -
flutter引入公共组件在ListView中不显示问题（全局组件复用问题）
异常问题：RenderCustomMultiChildLayoutBox object was given an infinite size during layout子布局没有明确的大小不能使用Scaffold脚手架公共组件的构建使用如下方式class LoginWidget extends StatefulWidget { @override State<Statef...原创 2020-01-18 10:20:41 · 7588 阅读 · 0 评论 -
flutter设置widget显示和隐藏，手动隐藏键盘，container宽度充满
Offstage设置widget显隐切换Widget loginMine(BuildContext context) { return Offstage( offstage: !need_login,//true为隐藏，false为显示 child: Container( alignment: AlignmentDirectional.cent...原创 2020-01-17 20:26:50 · 7051 阅读 · 0 评论 -
flutter android端沉浸式状态栏和iOS改app名字
import 'package:flutter/services.dart';import 'dart:io';void main(){ runApp(MyApp()); if (Platform.isAndroid) { // 以下两行 设置android状态栏为透明的沉浸。写在组件渲染之后，是为了在渲染后进行set赋值，覆盖状态栏，写在渲染之前MaterialApp组件会...原创 2020-01-17 18:48:31 · 5938 阅读 · 0 评论 -
flutter微信登录集成
main.dart 初始化（fluwx: ^1.2.1+1）void initWX() async{ await fluwx.registerWxApi( appId:"xxxxxxxxxx", doOnAndroid: true, doOnIOS: true, universalLink:"https://www.kx...原创 2020-01-17 18:21:51 · 12521 阅读 · 0 评论 -
flutter弹起键盘页面布局超限问题
BOTTOM OVERFLOWED BY 17 PIXELS这是由于页面高度写死导致的，1.scaffold 根布局添加 resizeToAvoidBottomPadding:false 是否自动调整body属性控件的大小，以避免脚手架底部被覆盖。例如，如果在脚手架上方显示屏幕键盘，则可调整body属性控件的大小以避免被键盘覆盖。如果你不需要此功能，可以将resizeToAvoidBotto...原创 2020-01-17 18:14:23 · 7121 阅读 · 0 评论 -
flutter针对dio网络请求封装，get，post,动态添加headers
dio封装dart文件，包含get，post请求和自定义动态headersimport 'package:dio/dio.dart';import 'dart:convert';import 'package:micro_course/http/ResultCode.dart';import 'package:micro_course/http/GlobalConfig.dart';cl...原创 2020-01-17 14:53:46 · 11808 阅读 · 3 评论 -
flutter中dart bean实体类的序列化和反序列化
接口返回json示例：{ "code":0, "message":"", "data":{ "avatar":"http://thirdwx.qlogo.cn/mmopen/dticvkSLXFuuJdC6IDEdhl7QqycDz9D7hvdwniazUTXRCfb7hAWMOZU3fYJibUwNRNibibGicg99Y5ZjfTD4fBeiafPsIicB...原创 2020-01-16 19:28:50 · 8391 阅读 · 0 评论 -
flutter全局总线
全局总线文件eventbus.dart//订阅者回调签名typedef void EventCallback(arg);class EventBus { //私有构造函数 EventBus._internal(); //保存单例 static EventBus _singleton = new EventBus._internal(); //工厂构造函数 f...原创 2020-01-16 19:24:46 · 5902 阅读 · 0 评论 -
Flutter轮播图组件 flutter_swiper
使用flutter实现无限联播的轮播图效果，自定义设置指示器颜色和位置，这里不限时翻页的控制器。版本： flutter_swiper: ^1.1.6官网地址使用/// 轮播图class SwiperDiy extends StatelessWidget{ final List<String> swiperList; SwiperDiy({Key key...原创 2019-12-16 13:48:41 · 5906 阅读 · 0 评论 -
Flutter圆角头像添加边框
效果import 'dart:ui';import 'package:flutter/material.dart';import 'package:micro_course/utils/HexColor.dart';class MineScreen extends StatelessWidget{ @override Widget build(BuildContext c...原创 2019-12-13 15:23:29 · 9891 阅读 · 0 评论 -
Flutter 底部导航栏实现方式
系统的BottomNavigationBar实现import 'package:flutter/material.dart';import 'package:micro_course/ui/CourseScreen.dart';import 'package:micro_course/ui/MineScreen.dart';import 'package:micro_course/ui/S...原创 2019-12-12 19:25:15 · 6912 阅读 · 0 评论 -
Flutter中的路由实现方式
导航到一个新页面和返回Navigator.push方法跳转后样子import 'package:flutter/material.dart';void main(){ runApp(MaterialApp( title: '基本路由', home: FirstRoute(), ));}class FirstRoute extends Stateless...原创 2019-12-12 11:55:59 · 7036 阅读 · 0 评论 -
Mac环境搭建flutter并配置环境变量
克隆项目 git clone https://github.com/flutter/flutter.git配置变量，使用中国镜像进入当前用户的home目录 输入cd ~创建.bash_profile 输入touch .bash_profile编辑.bash_profile文件open -e .bash_profile配置镜像export PUB_HOS...原创 2019-08-11 14:27:32 · 10534 阅读 · 0 评论 -
Flutter中状态管理
组件管理自己状态import 'package:flutter/material.dart';void main() => runApp(MyApp());//组件状态管理(自己管理自己的状态)class MyApp extends StatelessWidget{ @override Widget build(BuildContext context) { ...原创 2019-12-11 19:41:41 · 6318 阅读 · 0 评论 -
flutter在iOS真机和模拟器打包异常
note: Using new build system note: Planning build note: Constructing build description error: /Users/yangtianfu/project/flutter/bliss/ios/Flutter/Release.xcconfig:1: could not find includ...原创 2019-12-11 11:49:33 · 7838 阅读 · 0 评论 -
Mac—Homebrew和cocoapods安装相关命令和错误处理
官网 https://brew.sh/index_zh-cn 终端安装：/usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)” 终端卸载/usr/bin/ruby -e “$(curl -fsSL https://raw.git...原创 2019-12-11 10:15:31 · 7229 阅读 · 0 评论 -
Flutter中的HTTP网络请求（Dio）
文章目录使用Dio的配置默认配置通过options配置GET 请求POST请求多个并发请求:下载文件以流的方式接收响应数据：发送表单请求 FormData:通过FormData上传多个文件:监听发送(上传)数据进度:以流的形式提交二进制数据：官方文档：https://github.com/flutterchina/dio/blob/master/README-ZH.md由于flutter目...原创 2019-03-12 14:36:32 · 11682 阅读 · 0 评论 -
Flutter生成jks签名文件并打包apk
创建 app签名keystore(jks)文件在Terminal 下执行命令：keytool -genkey -v -keystore /D:/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key其中/D:/key.jks 是签名文件的目录和名字，执行完就可以在当前目录下看到生成的签名文件，并设置签名的密码和配置信息...原创 2019-03-10 19:57:02 · 11478 阅读 · 0 评论 -
android项目引入flutter moudle依赖步骤
第一步，新建目录AFlutter，创建androidproject项目第二步，在new Flutter Project 选择 flutter module模式，路径和android项目MyApp同级目录，并建议在new window 窗口打开 ，也就是说Android工程和Flutter工程是同级的，只是Android项目是正常创建，Flutter项目是创建module工程，完成后的项目效果：...原创 2019-03-08 14:55:27 · 9077 阅读 · 0 评论 -
Flutter应用中修复AndroidX崩溃
问题：The Gradle failure may have been because of AndroidX incompatibilities in this Flutter app.今天将flutter版本升级到了1.2.1之后发现项目跑不起来了，报了上述AndroidX兼容性错误，但是我本身并没有往AndroidX迁移，查看文档发现了如下解决方案：Android代码通常使用 andr...原创 2019-03-07 16:52:38 · 11559 阅读 · 2 评论 -
Flutter异常错误整理
文章目录with TickerProviderStateMixinwith TickerProviderStateMixin格式化代码的时候不要把with弄没了，否则会报如下类型转换异常的错误Error: The argument type '#lib1::LoginPageState' can't be assigned to the parameter type '#lib2::Ti...原创 2019-01-21 22:00:37 · 6125 阅读 · 0 评论 -
dart语法糖
文章目录编译时常量关于const 与 finalfinal实例成员的用法const实例成员的用法常量对象和常量构造函数异步Async和awaitFutureFuture与异常事件队列如何调度任务生成器同步生成器：sync*异步生成器：async*编译时常量字面量（如数字、bool、字符串、List的字面量形式）、其它常量或者常量的算术运算，也可以是这些的组合形式，简单地说常量就是可以在编译时...原创 2019-01-01 21:23:40 · 8700 阅读 · 0 评论 -
Flutter构建布局的思路
Flutter布局机制简介要布局的页面Flutter中图片资源加载方式（第一部分）标题栏widget设计方式（第二部分）按钮布局widget设计方式（第三部分）文本部分整合 本文参考链接：在Flutter中构建布局，主要解释一下这里的思路和遇到的坑。Flutter布局机制简介 Flutter布局机制的核心就是widget。在Flutter中...原创 2018-08-15 17:53:26 · 8745 阅读 · 0 评论 -
AndroidStudio搭建Google Flutter的填坑之路
Flutter简介：Flutter和Dart插件安装：下载flutter开发包：配置环境变量：执行flutter doctor命令创建Flutter项目运行Flutter项目关于Flutter的热重载Flutter中文资料下载Flutter简介： Flutter 是 Google 用以帮助开发者在 iOS 和 Android 两个平台开发高质量原生 U...原创 2018-07-16 19:12:16 · 10941 阅读 · 5 评论 -
Flutter控件篇（Stateful widget）——ListView
使用 package开源软件包pubspec 文件管理在 lib/main.dart 中引入更改后的依赖使用 English words 包生成文本来替换字符串添加一个 Stateful widget创建一个 state 类添加有状态的 RandomWords widget 到 main.dart修改MyApp 里生成文字的代码：创建一个无限滚动的 ListView...原创 2018-07-17 19:36:37 · 10555 阅读 · 0 评论 -
Flutter交互篇——用户交互，路由和主题切换实现
为列表添加心形 ❤️图标为心形 ❤️图标增加交互_buildRow中增加onTap方法》导航到新页面（Flutter的路由）添加水平分隔符使用 Themes 修改 UI 本文介绍Flutter的用户交互方式和路由操作，以及简单的主题切换操作。 我们将为上篇文章Flutter控件篇（Stateful widget）——ListView添加心形 ❤️图...原创 2018-07-18 20:28:43 · 12370 阅读 · 1 评论