
Flutter
文章平均质量分 72
素燃
忙里偷闲,发现有意思的东i就写点
展开
-
使用get_connect对接多个接口,渲染页面
getConnect 使用 仓库代码原创 2021-04-28 16:49:19 · 819 阅读 · 0 评论 -
Getx - 使用getConnect 对接后台数据
## 1. GetConnectGetConnect是可以使用HTTP或WebSocks使前台与后台的通信,同时能保证数据出现错误时,不会出现App闪退演示接口地址代码仓库1.1 如何使用第一步:创建模型modeljson转dart网址:class MakeupModel { // 略了}第二步:创建 provider 集成自 GetConnectconst String APIADDRESS = 'https://makeup-api.herokuapp.com/ap原创 2021-03-26 15:30:55 · 7204 阅读 · 0 评论 -
Getx - 如何使用依赖管理和Bindings
1.Getx 依赖管理这东西你可以理解为,把controller 和 路由进行分离, 然后由它负责沟通控制器和UI, 同时使用依赖的方式管理的控制器只需在某个页面中实例化一次,其它页面就可以直接使用,而不需要再实例化一次仓库文档参考1.1 如何使用依赖管理代码在 binding/demo01 下第一步:创建控制器// 控制器class GoodsController extends GetxController { final _goods = ["橘子", "apple", "pear"原创 2021-03-25 16:59:18 · 7549 阅读 · 0 评论 -
Getx - 如何使用路由管理页面
路由使用英文文档参考,既然要get的使用,就需要首先再入口处使用 GetMaterialApp示例代码仓库1. GetMaterialAppGetMaterialApp常用配置参数说明配置同 MaterialApp 差不多可选参数名描述类型title是应用程序的描述StringdefaultTranstion路由的过渡效果Transition枚举initialRoute默认选中的路由页面字符串,或者页面类名unknownRoute路由找不到显原创 2021-03-25 12:04:41 · 11543 阅读 · 6 评论 -
Getx - 如何使用状态管理数据
pubspec.yaml 文件:dependencies: get:1. 状态管理状态管理其实就是管理应用的数据,在 get中也称为控制器,所有的数据都必须放在 继承自 GetController 的类中,才可以在视图中使用第一步:创建 一个Controllerimport 'package:get/get.dart';/// 定义数据控制器class HomeController extends GetxController {}第二步:在控制器中声明变量import 'pa原创 2021-03-24 17:22:18 · 6193 阅读 · 0 评论 -
GetX- 简化flutter状态管理器
文档地址如何定义状态和响应式状态简化路由操作参考在语雀上整理的代码demo0. 参考文档示例,项目组织机构| - lib | - pages | - home | - home_view.dart | - home_controller.dart | - home_binding.dart1. 定义响应式数据虽然文档上给了3种方式参考文档,但我这边测试的第二种泛型的写法一直报红,有搞通的留言一个以下语法是最简单的了1.1 定原创 2020-12-21 15:28:27 · 7592 阅读 · 6 评论 -
flutter - 全局事件广播event_bus
这个东西用的挺多的, 比如换肤, 这个页面的用户改变了头像,返回其它页面时, 也要展示新换的头像,等等,使用EventBus,参考文档借助event_bus插件1. 点击换肤import 'dart:math';// 导包import 'package:event_bus/event_bus.dart';import 'package:flutter/material.dart';// 定义全局变量EventBus eventBus;Color themeColor;//.原创 2020-10-21 11:39:03 · 976 阅读 · 0 评论 -
flutter - GridView 网格布局,以及设置子元素的间距和大小
基础的 GridView 布局参数说明gridDelegate对子元素进行修饰,由于SliverGridDelegate 是一个抽象类, 找它的实现类有 【SliverGridDelegateWithFixedCrossAxisCount,SliverGridDelegateWithMaxCrossAxisExtent,】childAspectRatio子元素列表SliverGridDelegateWithFixedCrossAxisCount方法说明原创 2020-10-21 10:41:45 · 8976 阅读 · 0 评论 -
flutter - Form表单验证
表单验证class FormWidget extends StatefulWidget { @override _FormWidgetState createState() => _FormWidgetState();}class _FormWidgetState extends State<FormWidget> { GlobalKey<FormState> formGlobalKey = GlobalKey<FormState>();原创 2020-10-20 18:47:58 · 1981 阅读 · 0 评论 -
flutter - 自定义TextFiled 输入框的样式,以及参数说明
系统默认的输入框样式命名参数使用说明obscureText让输入的文字模糊化, 也就是变成密码输入框, 填入布尔值contentPadding设置输入框中的文字内边距, 使用在装饰器中focusNode动态设置输入框的焦点 FocusNode 类型maxLength输入框的输入的长度maxLengthEnforced当输入的文字超过限制长度后,是否还能继续输入,如果是 false,则继续可以输入,但是边框线变红 ,为 true, 则不能再输入d原创 2020-10-20 15:44:40 · 5095 阅读 · 0 评论 -
flutter - 给文字设置点击事件的几种方式
Text 部件 不能直接设置点击事件1. 如果单独给 一个文字设置 点击事件, 可以使用TextSpan 部件点击 word 文字添加事件class MyHomePage extends StatelessWidget { var i = 1; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(), body: Column( c原创 2020-10-20 13:48:12 · 10514 阅读 · 7 评论 -
flutter - 使用 SingleChildScrollView() 解决键盘遮挡输入框的问题
写好了,感觉可好点击输入框,输入内容时发现如下,键盘遮挡了输入框使用 SingleChildScrollView 解决遮挡问题, 就是让它滚动起来直接使用 SingleChildScrollView 包裹子元素class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colo原创 2020-10-20 12:22:29 · 2358 阅读 · 0 评论 -
flutter - 使用 SingleChildScrollView 进行滚动布局,实现和 Warp 和LiestView 组合的效果
该部件 不能嵌套其它的滚动部件 - ListView,GridView 等class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) { // 获取设备的宽度 var width = MediaQuery.of(context).size.width; return Scaffold( appBar: AppBar( title:原创 2020-10-20 12:06:30 · 1359 阅读 · 0 评论 -
flutter - 使用 Wrap 实现自定义元素大小的网格布局,代替GridView 部件
使用 Wrap 代替 GridView 实现网格布局, 并且可以实现自定义元素的大小class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) { // 获取设备的宽度 var width = MediaQuery.of(context).size.width; return Scaffold( appBar: AppBar( t原创 2020-10-20 12:03:00 · 908 阅读 · 0 评论 -
flutter - 滚动组件 ListView 和 GridView 一块使用
1. ListView 和 GridView 组合一块滚动问题: GridView 里的 元素 不能设置 大小, 只能通过 修改 crossAxisCount 的个数来自动控制class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("首页"), .原创 2020-10-20 12:01:49 · 557 阅读 · 0 评论 -
flutter - AppBar 参数设置布局效果
class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( // backgroundColor: Colors.red, // backgroundColor: Color(0xff45ff41), leading: Container( .原创 2020-10-20 11:28:30 · 3821 阅读 · 2 评论