Flutter学习(四)之Flutter基础组件

最新推荐文章于 2024-03-21 09:31:21 发布
最新推荐文章于 2024-03-21 09:31:21 发布
阅读量167 收藏 1
点赞数
分类专栏： Flutter 文章标签： flutter 常用基础组件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dirksmaller/article/details/103997532
版权

目录

  • 什么是Widget
  • Material App
  • 常用基础组件

Widget

什么是widget

在这里插入图片描述
在这里插入图片描述

Widget分类

在这里插入图片描述
在这里插入图片描述

Widget 中的state

在这里插入图片描述
state 生命周期
在这里插入图片描述

Widget Tree 、ElementTree 和 RenderObject Tree之间的关联

在这里插入图片描述

widget key

在这里插入图片描述

Material App

在这里插入图片描述
material 源码：
在这里插入图片描述

常用组件

Scaffold 脚手架

在这里插入图片描述
在这里插入图片描述

Text

Text 文本框 ，相当于Android 中的TextView
Text.rich
TextFiled 输入框，相当于Android中的EditText

Image

在这里插入图片描述
声明图片资源
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Icon

使用icon显示iconfont

  1. 导入iconfont
    在这里插入图片描述
  2. 声明iconfont资源路径
    在这里插入图片描述
  3. 声明iconfont字体类型
    在这里插入图片描述
  4. 使用iconfont声明
    在这里插入图片描述
Sharknade
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flutter学习笔记 -- 基础组件
Memory_of_the_wind的博客
08-21 437
Flutter学习笔记之基础组件
Flutter 炫酷UI组件库
lqw200931116的博客
05-06 1510
flukit （Flutter UI Kit）是一个Flutter Widget库。一款简约的Flutter游戏引擎。
Flukit：轻量级Flutter UI库，助您快速构建美观应用
最新发布
gitblog_00092的博客
03-21 457
Flukit：轻量级Flutter UI库，助您快速构建美观应用 项目地址:https://gitcode.com/flutterchina/flukit Flukit 是一个由Flutter China社区开发的开源UI工具包，旨在为Flutter开发者提供一系列预先设计和优化过的组件，以加速移动应用的开发过程，让开发者能够更快速、更轻松地创建出具有专业品质的界面。 技术分析 Flukit基于D...
flukit 一个Flutter UI组件库。
柳旦旦的博客【PHP面试网博主】
06-19 3635
地址 https://github.com/flutterchina/flukit 说明 flukit（Flutter UI Kit）是一个Flutter Widget库。 注意 本项目正在持续迭代中，欢迎大家贡献代码。 原QuickSelectListView迁移至AzListView QuickSelectListView 更改为 AzListView SuspensionListView 更改为 SuspensionView 贡献代码须知 工程目录 flukit --lib .
20个Flutter最漂亮的UI库和项目
热门推荐
kongT。的博客
09-10 2万+
Best-Flutter-UI-Templates 地址：https://github.com/mitesh77/Best-Flutter-UI-Templates The History of Everything 地址：GitHub - 2d-inc/HistoryOfEverything: Flutter Launch Timeline Demo flame 一款简约的Flutter游戏引擎。地址：https://github.com/flame-engine/flame
Flutter学习基础组件之StackPositioned.pdf
05-08
精品资料欢迎下载
Flutter基础学习之自定义组件
09-05
在本文中，我们将深入探讨Flutter框架中的自定义组件开发，这是Flutter基础学习的重要部分，尤其对于进阶开发者来说。Flutter以其高效、灵活和丰富的UI设计能力而受到开发者的喜爱，而自定义组件则是实现个性化应用...
Flutter组件学习—Image
02-24
之前，我们讲了Flutter中Text组件的一些用法以及API，本节我们继续学习Flutter中的Image组件，同样先上图：在Android中，我们都知道，图片的显示方式有很多，资源图片、网络图片、文件图片等等，在Flutter中也有多种...
Flutter组件化开发方案
01-27
【Flutter组件化开发方案】 组件化开发是一种将大型应用程序拆分为独立、可重用的模块化组件的方法，有助于提升代码的可维护性、可扩展性和团队协作效率。在Flutter中，随着业务需求的增长，单纯地将Flutter作为...
Flutter部分UI框架整理(已经简单测试)
Mr_Tony的专栏
11-27 1901
调试时间:2020-11-26 可以参考使用的部分如下: 1、flui 4、Flukit 7、GetFlutter https://www.cnblogs.com/xichji/p/13343180.html 1、flui（demo已经调试好了） 有中文官网介绍 上一次更新时间:7个月前 https://flui.xin/guide.html 2、Flutter UIKit(demo查看过后发现没有单独的widget) 无文档 上一次更新时间:两年前 https://github.com/iampawan/
flukit:Flutter UI套件。一个Flutter UI组件库
04-01
|中文简体 Flukit flukit （Flutter UI Kit）是一个Flutter Widget库。 注意 本项目正在持续迭代中，欢迎大家贡献代码。 贡献代码须知 工程目录 flukit --lib //示例目录 --package_src --lib --src //widget库目录 --docs //文档目录，文档必须是markdown格式 --images //文档用到的图片都放在这里，如截图 --chs //中文文档目录 --en //英文文档目录 运行演示 flutter run 提交代码须知 如果您添加了一个，请遵循如下规则： 进一步多的添加注释，文档注释为三斜线“ ///” 添加一个新的窗口小部件，请在Demo目录添加使用示例，例如应该纯净无干扰，如果一个widget需要多个示例，可以
flukitFlutterUIKit是一个FlutterWidget库
08-10
flukit （Flutter UI Kit）是一个Flutter Widget库
Flutter中的基本组件
m0_59056822的博客
12-31 2855
Flutter中的基本组件
2020年20个Flutter最漂亮的UI库和项目
老孟Flutter
07-20 2万+
Best-Flutter-UI-Templates 地址：https://github.com/mitesh77/Best-Flutter-UI-Templates The History of Everything 地址：https://github.com/2d-inc/HistoryOfEverything flame 一款简约的Flutter游戏引擎。地址：https://github.com/flame-engine/flame flutter_swiper 地址：https://g.
Flutter UI库
体验Android编程之美
12-24 4620
Flutter UI Best-Flutter-UI-Templates 地址：https://github.com/mitesh77/Best-Flutter-UI-Templates The History of Everything 地址：https://github.com/2d-inc/HistoryOfEverything flame 一款简约的Fl...
从零学习flutter(八):Flutter百星开源项目大集合
weixin_34310127的博客
12-12 1683
Flutter_Good_Pro_List Flutter_好的优秀的_项目_集合 这个项目的初衷就是罗列网上的关于Flutter的开源项目以此来帮助帮助大家快速提升 项目会持续保持跟新，同时希望大家把自己觉得不错的项目，PR到该项中，或者直接Issue 学无先后，达者为师 => Flutter Go! 文档持续跟新，持续淘汰不合格的项目，最终目的，本项目只收录百星项目 qq交...
flutter 各个组件讲解使用集合-推荐地址
zhaojianand的专栏
06-12 696
Dart 的基础概念和数据类型:https://segmentfault.com/a/1190000015719209 Flutter入门 -- Text：https://www.jianshu.com/p/4a267f0e84af Flutter入门 -- ThemeData：https://www.jianshu.com/p/e9d0bd2747ce Flutter入门--Scaffo...
Flutter 轮播组件 Swiper踩坑经历
baidu_34120295的博客
01-17 5614
按照网上说的在pubspec.yaml 中添加flutter_swiper: ^1.0.6然后flutter packages get怎么都找不到控件，通过查各种资料摸索了一个下午，才找到解决方法： 1.在.packages中添加： flukit:file:///C:/Users/Administrator/AppData/Roaming/Pub/Cache/git/flukit-4ae94...
Flutter基础入门与核心组件详解
"Flutter总体架构文档是一份针对初学者编写的详细介绍Flutter编程基础的学习资料。它涵盖了Flutter的官方文档链接<https://flutter.dev>，以及中文社区网站，便于用户获取最新的中文教程和支持。 该文档强调了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值