flutter圆角弧形 flutter 圆角图片

Flutter-布局

在Flutter的世界里，布局是构建界面美学的关键。让我们深入了解一下几种重要的布局组件，它们分别是SizeBox、Alignment、Stack、Positioned、AspectRatio和ConstrainedBox，它们如何帮助我们精细控制界面元素的位置和尺寸。

flutter布局需要先了解flutter所有布局的widget，首先flutter布局分为Container、RenderObjectWidget和ParentDataWidget。而RenderObject中经常使用的有SingleChildRenderObjectWidget（单节点）和MultiChildRenderObjectWidget（多节点）。

弹性布局允许子组件按照一定比例来分配父容器空间 Flex组件和Row、Column属性主要的区别就是多一个direction。 当direction的值为Axis.horizontal的时候，则是Row。 当direction的值为Axis.vertical的时候，则是Column。

Flutter基础Widget之按钮(RaisedButton、FlatButton、OutlineButton,Ico...

1、Flutter 内置了多种 Button 控件，常见的有：- RaisedButton：凸起的按钮，其实就是 Android 中的 Material Design 风格的 Button，继承自 MaterialButton。- FlatButton：扁平化的按钮，继承自 MaterialButton。

2、点击Button 之后，我们把 num 变量加一，并使用 setState 通知状态发生了改变，Flutter 会根据新的状态更新 UI。如果有接触过小程序开发，setState 就和小程序的 setData 类似。

Flutter性能优化

1、滚动步长插值器优化（了解） 官方的滚动差值器在出现小卡顿时，滚动步长会出现大的跳跃，导致体感上出现很明显的抖动，优化步长偏移量算法与原生效果对齐。

2、性能优化方面，Flutter 17的Metal渲染提升显著，我们针对页面加载卡顿问题进行了迭代改进。快手的优化策略包括FFI的性能优化，如通过Dart_PostCObject实现数据异步传递，以及对缩略图加载速度和图片传输时间的精细化控制。

3、直接在 build 里调用肯定可以，虽然 build 会被比较频繁执行，但是 of（context） 操作其实就是在一个 map 里通过 key - value 获取泛型对象，所以对性能不会有太大的影响。