随笔分类 - Flutter基础笔记(交流群:452892873)
开发多端应用语言
摘要:flutter showDatePicker showTimePicker显示中文日期 1、配置flutter_localizations依赖 找到pubspec.yaml配置flutter_localizations 2、导入国际化的包 flutter_localizations 3、设置国际化
阅读全文
摘要:在fluttter中引入第三方图标库的具体方法: 1.在阿里图标库选好需要用的图标,添加进购物车将选好的图标打包下载到本地(下载代码),复制iconfont.ttf文件到项目中 2.存放途径:lib/assets/icons/iconfont.ttf 3.打开项目根目录中的pubspec.yaml文
阅读全文
摘要:四、Radio、RadioListTile单选按钮组件 Radio常用属性: value单选的值。 onChanged改变时触发。 activeColor:选中的颜色、背景颜色 groupValue:选择组的值。 RadioListTile:常用属性: value:true或者false onCha
阅读全文
摘要:一、Flutter常用表单介绍: CheckboxListTile、RadioListTile、SwitchListTile、Slide。 二、TextField:表单常见属性: maxLines:设置此参数可以把文本框改为多行文本框 onChanged:文本框改变的时候触发的事件。 decorat
阅读全文
摘要:Tabs.dart【设置闲鱼APP凸起按钮方法】 Button.dart
阅读全文
摘要:Tabs.dart
阅读全文
摘要:基本使用:
阅读全文
摘要:Flutter AppBar自定义顶部导航按钮图标、颜色以及TabBar定义顶部Tab切换。 leading:在标题前面显示的一个控件,在首页通常显示应用的logo;在其他界面通常显示为付汇按钮。 title:标题,通常显示为当前界面的标题文字,可以放组件 actions:通常使用IconButto
阅读全文
摘要:路由: 正常跳转: Navigator.pushNamed(context,'/product'); 路由替换: Navigator.pushReplacementNamed(context, '/productinfo', arguments: {"pid":778899} ); Navigato
阅读全文
摘要:main.dart Product.dart ProductInfo.dart Routes.dart Home.dart
阅读全文
摘要:/* Flutter中的普通路由、普通路由传值、命名路由、命名路由传值 Flutter中的路由通俗的讲就是页面跳转。在Flutter中通过Navigator组件管理路由导航。 并提供了管理堆栈的方法。如:Navigator.push和Navigator.pop Flutter 中给我们提供了两种配置
阅读全文
摘要:效果: /** * Flutter BottomNavigationBar 自定义底部导航条、以及实现页面切换: * BottomNavigationBar是底部导航条,可以让我们定义底部Tab切换, * bottomNavigationBar是Scaffold组件的参数。 *BottomNavig
阅读全文
摘要:demo2 main.dart
阅读全文
摘要:/* Flutter AspectRatio、Cart卡片组件: AspectRatio的作用是根据设置调整子元素child的宽高比。 AspectRatio首先会在布局限制条件允许的范围内尽可能的扩展,widget的高度是由宽度和比率决定的。 类似于BoxFit中的contain,按照固定比率去尽
阅读全文
摘要:Stack与Align实现定位布局: 效果图: main.dart Stack与Positioned 效果图: main.dart
阅读全文
摘要:Padding组件: main.dart Row水平布局组件: Column 垂直布局: Expanded import 'package:flutter/material.dart'; import 'res/listData.dart'; /* Flutter Expanded类似Web中的Fl
阅读全文
摘要:main.dart res/listData.dart
阅读全文
摘要:效果: main.dart res/listData.dart
阅读全文
摘要:ListView: ListView:参数 scrollDirection:Axis.horizontal:水平列表。Axis.vertical垂直列表 padding:内边距。 resolve:组件反向排序 children:List<Widget> 列表元素 ListView:参数 scroll
阅读全文