Mod_J的博客

前言这一篇文章我来带代价一起来阅读一下flutter框架中的文本组件Text，对于文本组件Text的使用大家应该是十分的熟悉，但其内部实现机制应该是很少有人去了解。当你了解完text的内部实现后，你会发现你完全可以通过自定义自己的Text来实现自己的文本内容和布局方式。话不多说，让我们一起进入flutter世界，一睹Text组件的真正容貌吧。第一节：...

对于刚接触flutter框架的童鞋们，布局控件写的最多的想必是Column和Row两种基本容器组件。这两种组件都有共同的特性，都是容器并且都继承自Flex组件类。唯一的区别就是布局的方向不同而已，Column意为列，表示垂直布局，Row意为行，表示纵向排列。因为Flex是继承自MultiChildRenderObjectWidget，在介绍Flex之前，就先来掌握一下基本组件MultiChildRenderObjectWidget的使用。1.Flutter的布局控件MultiChildRender.

如果让你自己来实现仅包含一个子组件，并且提供了居中、左对齐、右对齐、底端对齐等可控制方向的布局容器组件，你该如何实现？实现思路：1.创建一个对外暴露的容器类，比如命名为类A。因为类A需要控制子组件的对齐方向，也就需要传递一个偏移值给子组件，让子组件明确自己在父容器中的位置。至于这个偏移值的计算，可通过外部传参来控制实现，比如：leftTop、rightBottom、center等等常量来控制。2.类A应该实现RenderObjectWidget类，该类具备创建渲染对象的特性，渲染对象Render

上一节介绍了dart的安装和使用，这一节让我们一起正式进入flutter的世界里。好的，话不多说，让我们一起开启flutter的探索之旅吧！第一节：Flutter基本组件StatefulWidget和StatelessWidget 第一节，我们先一起来熟悉一下flutter中遍地的widget，了解一下它的结构和特点。 我们在开始学习flutt...