Flutter
文章平均质量分 57
https://github.com/xiangxiongfly/MyFlutter
xiangxiongfly915
Android & Flutter & H5
https://github.com/xiangxiongfly
展开
-
Flutter 运行模式
Flutter 运行模式原创 2022-07-22 16:25:15 · 1198 阅读 · 0 评论 -
一款Flutter版新闻App
一款Flutter版新闻App原创 2022-07-08 13:46:11 · 780 阅读 · 2 评论 -
Flutter InkWell & Ink组件
InkWell组件可以在用户点击是出现水波纹效果。Ink组件可以将水波纹效果作用在装饰上。原创 2022-07-05 11:52:39 · 956 阅读 · 0 评论 -
一款Flutter版的记事本
一款Flutter版的记事本原创 2022-06-30 17:58:06 · 679 阅读 · 0 评论 -
Flutter SQLite使用
保存数据到本地是应用程序非常重要的功能之一,比如如下场景:一个新闻类或者博客类的应用程序,打开后进入首页,如果本地没有保存数据,则需要通过网络获取数据,在返回数据之前,用户看到的是空白页面,而如果本地保存了部分新闻,则显示这部分数据,等待最新的数据返回时在刷新即可,对用户体验来说,明显第二种体验更佳。SQLite 是目前最受欢迎的本地存储框架之一。......原创 2022-06-30 14:57:20 · 4027 阅读 · 0 评论 -
Flutter 文件读写-path_provider
- Android和iOS的文件路径是不同的,因此获取不同平台的文件路径需要原生开发的支持。我们可以借助第三方插件完成这部分工作——PathProvider。- `path_provider`是一个`Flutter`插件,主要作用是提供一种以平台无关一致的方式访问设备的文件系统,比如应用临时目录、文档目录等。而且`path_provider`支持**Android**、**iOS**、**Linux**、**MacOS**、**Windows**。...原创 2022-06-28 16:09:55 · 2377 阅读 · 0 评论 -
Flutter shared_preferences使用
为简单数据封装平台特定的持久存储(iOS和macOS上的NSUserDefaults, Android上的SharedPreferences,等等)。数据可能会异步持久化到磁盘,并且不能保证写入返回后会持久化到磁盘,所以这个插件不能用于存储关键数据。基本使用支持数据类型, , , and 。iOS: NSUserDefaultsAndroid: SharedPreferencesWeb: localStorageLinux: FileSystem(保存数据到本地系统文件库中)Mac OS:原创 2022-06-27 16:49:53 · 1898 阅读 · 0 评论 -
Flutter FittedBox组件
当子组件的宽高比和父组件的宽高比不一样时,可以FittedBox组件操作子组件拉伸或填充父组件的空间。使用原创 2022-06-24 13:38:33 · 460 阅读 · 0 评论 -
Flutter Builder & FutureBuilder & StreamBuilder组件
Builder组件起闭包作用,可以限制期使用范围。点击按钮后,会提示异常信息:。这是因为你传入的BuildContext是当前parent Widget的,不是Scaffold的,所以会报错。可以借助Builder组件解决。FutureBuilder组件展示异步任务状态,当有一个Future异步任务需要展示给用户时,可以使用FutureBuilder组件来实现。StreamBuilder组件StreamBuilder组件用于异步接收数据更新组件,与FutureBuilder不同的地方在于Strea原创 2022-06-23 17:07:50 · 541 阅读 · 0 评论 -
Flutter Clip剪裁组件
Flutter提供了一些剪裁工具,用于对组件的剪裁。ClipRect矩形剪裁。ClipOval圆形剪裁。ClipRRect矩形圆角剪裁。ClipPath路径剪裁。自定义剪裁原创 2022-06-22 14:57:14 · 475 阅读 · 0 评论 -
Flutter AutomaticKeepAliveClientMixin缓存组件
AutomaticKeepAlive 的组件的主要作用是将列表项的根 RenderObject 的 keepAlive 按需自动标记 为 true 或 false。为了方便叙述,我们可以认为根 RenderObject 对应的组件就是列表项的根 Widget,代表整个列表项组件,同时我们将列表组件的 Viewport区域 + cacheExtent(预渲染区域)称为加载区域 :说明:封装AutomaticKeepAliveClientMixin使用...原创 2022-06-21 16:17:02 · 2062 阅读 · 0 评论 -
Flutter TabBarView组件
TabBarView 是 Material 组件库中提供了 Tab 布局组件,通常和 TabBar 配合使用。TabBarView封装了PageView,使用起来非常简单。TabBarViewTabBar简单使用原创 2022-06-21 15:06:24 · 957 阅读 · 0 评论 -
Flutter PageView组件
Flutter中的PageView组件类似于Android中的ViewPage控件,可以实现页面滑动切换,可以和BottomNavigationBar等配合使用。简单使用无限滚动效果轮播图原创 2022-06-21 14:50:03 · 1175 阅读 · 0 评论 -
Flutter 输入框组件
简单使用焦点控制焦点控制可以通过和来控制。一般情况下,简单由管理,它代表焦点控制范围,可以在这个范围内可以通过在输入框之间移动焦点、设置默认焦点等。自定义样式1自定义样式2......原创 2022-06-20 17:35:46 · 4547 阅读 · 0 评论 -
Flutter 优秀组件库推荐
优秀组件库原创 2022-06-17 16:02:52 · 5117 阅读 · 0 评论 -
Flutter MVVM架构
MVVM即 Model-View-ViewModel的缩写。简单封装网络请求框架新建dio_utils.dart文件:创建Model层新建login_model.dart文件:创建ViewModel层创建View层配色Provider状态管理最终效果原创 2022-06-16 15:46:02 · 1813 阅读 · 0 评论 -
Flutter Provider状态管理
Provider是Flutter官方推出的状态管理包。简单使用读取值监听数据读取数据必需继承类,否则无法刷新数据。原创 2022-06-15 14:27:30 · 326 阅读 · 0 评论 -
Flutter Card组件
Flutter Card组件原创 2022-06-14 16:27:27 · 210 阅读 · 0 评论 -
Flutter 表格组件
DataTable常用属性原创 2022-06-14 16:07:05 · 1954 阅读 · 0 评论 -
Flutter GridView组件
简单使用这种方式适合少量数据。GridView.builder适合加载大量数据。GridView.count用于快速创建GridView,等价于上面的代码。GridView.extentGridView.custom原创 2022-06-13 16:38:19 · 309 阅读 · 0 评论 -
Flutter ListView组件
简单使用这种方式会一次性加载所有组件,没有懒加载,适合数据量比较小。ListView.builder 动态创建这种方式适合大量数据。ListView.separated 添加分割线ListView & ScrollController 滚动监听ListView & Scrollbar 设置滚动条ListView & RefreshIndicator 下拉刷新AnimatedListAnimatedList提供了一种简单的方式使列表数据发生变化时加入过渡动画,...原创 2022-06-13 14:37:58 · 1058 阅读 · 0 评论 -
Flutter 尺寸限制类容器组件
Flutter中尺寸限制类容器组件包含:Container、ConstrainedBox、UnconstrainedBox、SizedBox、AspectRatio、FractionallySizedBox、LimiteBox等,这些组件可以约束子组件的尺寸。对子组件尺寸限制,可以设置最大值、最小值。SizedBox为子组件设置固定的宽高。功能上类似ConstrainedBox组件。UnconstrainedBox用于去除父组件的约束,允许子组件按照自己的尺寸绘制。红色文字部分只会在debug模式下原创 2022-06-09 16:47:55 · 673 阅读 · 1 评论 -
Flutter Container组件
简单使用decoration 属性constraints & transform & alignment 属性原创 2022-06-09 16:01:45 · 260 阅读 · 0 评论 -
Flutter 内外边距
padding & margin原创 2022-06-09 15:26:09 · 757 阅读 · 0 评论 -
Flutter 相对定位布局组件
Align组件可以调整子组件在父组件中的位置。alignment属性widthFactor&heightFactor属性CenterCenter是Align的子类,可以让子元素居中。原创 2022-06-08 15:28:49 · 1552 阅读 · 0 评论 -
Flutter 层叠布局组件
Stack组件可以将子元素叠加显示,类似于Android中的FrameLayout布局。基本使用fit属性alignment属性Stack & PositionedPositioned可以指定精确定位。IndexedStackIndexedStack是Stack的子类,通过index属性显示指定索引的子组件。...原创 2022-06-08 00:01:05 · 616 阅读 · 0 评论 -
Flutter 流式布局组件
类似于Android中的FlexboxLayout布局。FlowFlow相比Wrap更加复杂,一般情况优先使用Wrap,如果需要一些自定义布局或性能要求高时可以使用Flow。原创 2022-06-07 01:05:13 · 520 阅读 · 0 评论 -
Flutter 弹性布局组件
弹性布局组件,类似于Android中weight属性。弹性布局指子组件可以按照一定比例分配父容器空间。Flexible组件可以控制Row、Column、Flex的子组件占满父组件fit属性flex属性ExpandedExpanded继承于Flexible组件,默认会填满剩余空间。SpacerSpacer本质是由Expanded组件实现,区别是:Expanded组件可以设置子元素,Spacer不能拿设置子元素,主要用于填充空白用的。Flex & Expanded...原创 2022-06-07 00:23:37 · 509 阅读 · 0 评论 -
Flutter Row&Column组件
Row表示水平方向线性布局,Column表示垂直方向线性布局,类似于Android中的LinearLayout布局。线性布局有主轴和纵轴之分,如果是水平线性布局,主轴指水平方向,交叉轴指垂直方向。RowColumn原创 2022-06-06 23:44:17 · 547 阅读 · 0 评论 -
Flutter 分段控制组件
CupertinoSegmentedControl是iOS风格的分段控制组件。其他使用方法CupertinoSlidingSegmentedControliOS风格的分段滑动组件。原创 2022-06-05 23:43:54 · 816 阅读 · 0 评论 -
Flutter Slider组件
其他用法RangeSlider 范围滑块组件iOS风格的Slider原创 2022-06-05 22:57:22 · 756 阅读 · 0 评论 -
Flutter Form表单组件
FormFormStateFormState是Form的State类。使用原创 2022-06-04 23:36:16 · 1011 阅读 · 0 评论 -
Flutter 进度条组件
模糊进度条具体进度条环形进度条模糊进度条具体进度条设置尺寸LinearProgressIndicator和CircularProgressIndicator没有提供设置尺寸的参数,它们是去父容器的尺寸作为绘制的边界,这时可以借助SizedBox、ConstrainedBox限制指定尺寸。环形进度条设置尺寸进度条动画3秒内进度条颜色由灰色变为蓝色。iOS风格...原创 2022-05-31 00:38:03 · 2356 阅读 · 1 评论 -
Flutter 开关单选复选组件
文章目录Flutter 开关单选复选组件Switch 开关组件Radio 单选组件Checkbox 多选组件Flutter 开关单选复选组件Switch 开关组件bool _switchSelected = false;Switch( value: _switchSelected, onChanged: (value) { setState(() { _switchSelected = value; }); },)Radio 单选组件int _s原创 2022-05-31 00:15:53 · 312 阅读 · 0 评论 -
Flutter 图片组件
图片组件是Flutter的基础组件之一。图标组件包含Image和Icon两个组件,Icon本是是一种文字,只是显示的是图标而不是文字,Image是通过图片解码器将图片解码加载,所以Icon体积更小、加载更快、不会失真。加载本地图片需要在文件中,配置如下:加载图片可简写为加载网络图片可简写为其他特效淡入淡出效果加载图片时淡入淡出效果loading动画圆形头像加边框添加占位图字体图标Flutter可以像web开发一样使用字体图标iconfont。Flutter默认包含一套Ma原创 2022-05-30 22:48:35 · 688 阅读 · 0 评论 -
Flutter Button组件
基本属性漂浮按钮,默认带有阴影和灰色背景。按下后,阴影变大。TextButton文本按钮,默认透明并不带阴影。按下后,会有背景色。OutlineButton边框按钮,默认带有边框、背景透明、不带阴影。按钮后,边框、背景、阴影会有变化。IconButton图标按钮,不包含文字。带图标的按钮ElevatedButton、TextButton、OutlineButton都有一个构造函数,可以设置图标。...原创 2022-05-30 22:26:41 · 611 阅读 · 0 评论 -
Flutter Text组件
文章目录文本组件TextTextSpanDefaultTextStyleText & Container文本组件Text基本属性textAlign:文本对齐方式。maxLines:文本显示最大行数。overflow:超出文本显示方式,默认显示...。textScaleFactor:文本缩放因子。TextStyle属性TextStyle用于指定文本显示的样式,如颜色、字体、粗细、背景等。color:设置文本颜色。background:设置文本背景颜色。fontSize:设置字体原创 2022-05-30 22:15:11 · 587 阅读 · 0 评论 -
Flutter Widget简介
文章目录Flutter Widget概述Widget种类常用WidgetStatefulWidget的状态分类Widget工作流程Flutter Widget概述Flutter作为跨平台的UI框架,主要解决的是界面的跨平台。在Flutter中,一切都显示都是Widget,Widget的概念非常广泛,可以表示一些UI组建、手势等。Flutter中的Widget可以粗略理解为Android中的View。Widget与View不同的是:Widget具有不同的生命周期,它是不可变的,每当Widget状态原创 2022-05-26 00:52:32 · 441 阅读 · 0 评论 -
Flutter JSON数据解析
解析Json解析JsonArray自动生成Model类实际开发中,JSON很少会这么简单,嵌套的Json情况很多。可以使用插件自动生成Model类。编写代码:表示生成的Model类在什么位置。:这个标注告诉生成器,是这个类需要生成Model类。执行命令一次性生成在项目的根目录下执行:持续生成推荐将所有的Model类放在一个单独的目录下,然后执行命令。https://app.quicktype.io/在AndroidStudio中安装插件,然后选定目录,点击右键,选择,或快捷键自原创 2021-12-09 17:27:45 · 2118 阅读 · 0 评论 -
Flutter 网络请求
网络请求HttpClienthttpDio原创 2021-12-09 17:27:12 · 1928 阅读 · 0 评论