![](https://img-blog.csdnimg.cn/906ce42f73784252857b2fd88b19342b.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Flutter 实战记录
文章平均质量分 79
一个客户端开发老鸟的flutter学习历程
追到梦的魔术师
移动端工程师,曾就职滴滴、京东~
展开
-
Flutter CustomScrollView 的使用 及 常用的Sliver系列组件
CustomScrollView是可以使用Sliver来自定义滚动模型(效果)的组件。它可以包含多种滚动模型。包括header,footer,CustomScrollView可以实现把多个彼此独立的可滑动widget组合起来。原创 2023-10-23 16:44:27 · 553 阅读 · 0 评论 -
flutter 常用组件:文本、图片和按钮
面对这样的需求,在 Android 中,我们使用 SpannableString 来实现;TextSpan 定义了一个字符串片段该如何控制其展示样式,而将这些有着独立展示样式的字符串组装在一起,则可以支持混合样式的富文本展示。网络图片是有缓存的,值得注意的是,图片缓存只会在运行期间生效,也就是只缓存在内存中。混合展示样式与单一样式的关键区别在于分片,即如何把一段字符串分为几个片段来管理,给每个片段单独设置样式。,在这里可以设置字体样式,字号大小,字体颜色等。在pubspec.yaml文件中注册资源。原创 2023-10-18 11:11:19 · 422 阅读 · 0 评论 -
flutter 常用组件:列表ListView
构造函数名称特点适用场景使用频次ListView一次性创造好全部子Widget适用于展示少量连续子Widget的场景中提供了子Widget创造方法,仅在需要展示时才创建适用于子Widget较多,且视觉效果呈现某种规律性的场景高与ListView.builder类似,并提供了自定义分割线的功能与ListView.builder场景类似中。原创 2023-10-18 11:13:35 · 439 阅读 · 0 评论 -
flutter 绘制原理探究
翻译一下就是,Widget 描述 Element 的配置信息,是 Flutter 框架里的核心类层次结构,一个 Widget 是用户界面某一部分的不可变描述。Widgets 可以转为 Elements,Elements 管理着底层的渲染树。Widget 是 Flutter 世界里对视图的一种结构化描述,你可以把它看作是前端中的“控件”或“组件”。Widget 是控件实现的基本逻辑单位,里面存储的是有关视图渲染的配置信息,包括布局、渲染属性、事件响应信息等。原创 2023-10-10 14:51:46 · 280 阅读 · 0 评论 -
Flutter——Dart语言特征优化体会
一、初始代码根据 java 或者 OC 的代码习惯,定义代码如下void main() { ShoppingCart sc = ShoppingCart('购物车'); sc.items = [Item('苹果',10.0), Item('鸭梨',20.0)]; print(sc.getInfo()); }//商品Itemclass Item { double? price; String? name; Item(name,price) { this.na原创 2022-03-09 22:54:55 · 3010 阅读 · 0 评论 -
Flutter 初始化工程解析
工程目录介绍代码介绍示例代码在 mian.dart 这个文件中,将代码折叠可以发现,除了main函数,还有三个classmain函数:void main() { runApp(const MyApp());}只调用了一个函数runApp,runApp是一个flutter App的入口函数void runApp(Widget app) { WidgetsFlutterBinding.ensureInitialized() ..scheduleAttachRootWidget原创 2022-03-07 17:42:23 · 3570 阅读 · 0 评论