flutter组件
2024-10-10 18:33:17 0 举报AI智能生成
flutter组件分类
作者其他创作
大纲/内容
Widget
ComponentWidget
StatefulWidget
Scaffold
AppBar
Image
Checkbox
Switch
TabBarView
TabBar
NestedScrollView
ProgressIndicator
CircularProgressIndicator
RefreshProgressIndicator
LinearProgressIndicator
LiquidLinearProgressIndicator
ActionListener
Actions
MaterialApp
StatelessWidget
Cupertino
CupertinoActionSheet
CupertinoAlertDialog
CupertinoPopupSurface
CupertinoFormRow
CupertinoSection
CupertinoNavigationBarBackButton
CupertinoPickerDefaultSelectionOverlay
CupertinoPageTransition
CupertinoFullscreenDialogTransition
CupertinoTextSelectionToolbar
CupertinoTheme
常用组件
Button
IconButton
RaisedButton
MaterialButton
ToggleButtons
Tab
TabPageSelectorIndicator
TabPageSelector
Text
GestureDetector
CircleAvatar
Visibility
InkWell
可滚动布局
GridView
ListView
Container
Drawer
DrawerHeader(与Drawer相关)
UserAccountsDrawerHeader(与DrawerHeader相关)
SafeArea
Builder
Icon
AnimatedIcon(与icon相关)
PreferredSIze
ScrollView
BoxScrollView
CustomScrollView
SingleChildScrollView
Card
Dialog
SimpleDialog(相关)
AlertDialog(相关)
Divider
VerticalDivider(相关)
非常用组件
Banner
MaterialBanner
DraggableScrollableActuator
FadeInImage
ImageIcon
Placeholder
PageStorage
HtmlElementView
Spacer
Title
AboutListTile
AboutDialog
Autocomplete
CloseButton
BackButton
BackButtonIcon
Chip
InputChip
FilterChip
ChoiceChip
ActionChip
CircleAvatar
DataTable
DayPicker
FloatingActionButton
ListTile
RadioListTile
SwitchListTile
Sliver
SliverFillViewport
SliverSafeArea
SliverFillRemaining
SliverPersistentHeader
SliverVisibility
NotificationListener
Listener
ProxyWidget
ProxyWidget
ParentDataWidget
Flexible
Expanded
主要用来控制 flex 布局的占位宽度。需要用在 Row 或 Column 子组件内部。
Positioned
Positioned栈布局:根据Positioned组件的属性将child定位在Stack组件上
LayoutId
KeepAlive
TableCell
GridPlacement
InheritedWidget
MediaQuery
PrimaryScrollController
Theme
ButtonBarTheme
SwitchTheme
CheckboxTheme
RenderObjectWidget
RenderObjectWidget
SingleChildRenderObjectWidget
FractionllySizedBox
百分比布局:根据现有的空间按照百分比调整child的尺寸
Clip
ClipOval-椭圆
ClipRRect-圆角
ClipRect-矩形
ClipPath-path
Box
ConstraintedBox/UnConstrainedBox
限定宽高:限定child的最大值
LimitedBox
限定宽高布局:对最大宽高进行限制
SizeBox
设置具体尺寸:用一个特定大小的盒子来限定child的宽度和高度
DecoratedBox
装饰类容器
FittedBox
缩放布局:缩放以及位置调整
OverflowBox
溢出父容器显示:允许child超出父容器的范围显示
布局
Baseline
基准线布局:所有child所在的同意条水平线
Padding
填充布局:处理容器与child之间的间距
AspectRatio
Opacity
Align
Center
居中布局:child处于水平和垂直方向的中间位置
Offstage
开关布局:控制是否显示组件
Transform
矩阵转换:做矩阵变换，对child做评议、旋转、缩放等操作
SliverToBoxAdapter
BackdropFilter
MultiChildRenderObjectWidget
流式布局
Flow
Wrap
Flex
Column
垂直布局 对child在垂直方向进行排列
Row
水平布局:对child在水平方向进行排列
AspectRadio
调整宽高比:根据设定的宽高比调整child
Stack
IndexedStack
栈索引布局:IndexedStack继承自Stack，显示第index个child，其他child都是不可见的
ListBody
RichText
CustomMultiChildLayout
OverflowBar
Viewport
NestedScrollViewViewport
UnboundedViewport
ShrinkWrapingViewport
LayoutGrid
LeafRenderObjectWidget
RawImage
SliverWithKeepAliveWidget
SliverVariableSizeBoxAdaptorWidget
SliverStaggeredGrid
SliverMultiBoxAdaptorWidget
SliverPrototypeExtentList
SliverGrid
SliverList
SliverFixedExtentList
其他
Table
表格布局:使用表格的行和列进行布局
RenderObjectToWidgetAdapter
ListWheelViewport
ConstrainedLayoutBuilder
SliverLayoutBuilder
LayoutBuilder
SliverWithKeppAliveWidget
SliverVariableSizeBoxAdaptorWidget
SliverMultiBoxAdaptorWidget
LeafRenderObjectWidget
Element
RenderObjectElement
SigleChildRenderObjectElement
MutilChildRenderObjectElement
SliverMultiBoxAdaptorElement
ListWheelElement
SliverVariableSizeBoxAdaptorElement
RootRenderObjectElement
LeafRenderObjectElement
ComponentElement
StatelessElement
StatefulElement
SingleChildStatefulElement
ProxyElement
ParentDataElement
InheritedElement
InheritedModelElement
RenderObject
RenderBox
RenderProxyBox
RenderConstrainedBox
RenderDecoratedBox
RenderLimitedBox
RenderAspectRatio
RenderIntrinsicWidth
RenderIntrinsicHeight
RenderOpacity
RenderAnimatedOpacity
RenderShaderMask
RenderBackdropFilter
RenderTransform
RenderFittedBox
RenderFractionalTranslation
RenderMouseRegion
RenderRepaintBoundary
RenderIgnorePointer
RenderOffstage
RenderAbsorbPointer
RenderSemanticsGestureHandler
RenderSemanticsAnnotations
RenderBlockSemantics
RenderMergeSemantics
RenderExcludeSemantics
RenderIndexedSemantics
RenderLeaderLayer
RenderFollowerLayer
RenderAnnotatedRegion
RenderShiftedBox
RenderAligningShiftedBox
RenderConstrainedOverflowBox
RenderPositionedBox
RenderUnconstrainedBox
RenderSizedOverflowBox
RenderFractionallySizedOverflowBox
RenderCustomSingleChildLayoutBox
RenderPadding
RenderCustomSingleChildLayoutBox
RenderBaseline
RenderRotatedBox
RenderFlex
RenderFlow
RenderImage
RenderListBody
RenderListWheelViewport
RenderParagraph
RenderPerformanceOverlay
RenderAndroidView
RenderUiKitView
PlatformViewRenderBox
RenderStack
RenderIndexedStack
RenderTable
TextureBox
RenderViewportBase
RenderShrinkWrappingViewport
RenderViewport
RenderWrap
RenderLayoutGrid
RenderPicture
RenderErrorBox
RenderEditable
RenderCustomMultiChildLayoutBox
RenderSiver
RenderProxySliver
RenderSliverOpacity
RenderSliverIgnorePointer
RenderSliverOffstage
RenderSliverAnimatedOpacity
RenderSliverMultiBoxAdaptor
RenderSliverFixedExtentBoxAdaptor
RenderSliverFillViewport
RenderSliverFixedExtentList
RenderSliverGrid
RenderSliverList
RenderSliverEdgeInsetsPadding
RenderSliverPadding
RenderSliverPersistentHeader
RenderSliverPinnedPersistentHeader
RenderSliverFloatingPersistentHeader
RenderSliverScrollingPersistentHeader
RenderSliverOverlapAbsorber
RenderSliverOverlapInjector
RenderSliverVariableSizeBoxAdaptor
RenderSliverStaggeredGrid
RenderSliverSingleBoxAdapter
RenderSliverFillRemainingAndOverscroll
RenderSliverFillRemainingWithScrollable
RenderSliverFillRemaining
RenderSliverLoading
RenderSliverRefreshBody
RenderSliveRefresh
SimpleRefreshSliver
RenderSliverToBoxAdapter
RenderView
RenderAbstractViewport
Layer
ContainerLayer
FollowerLayer
PhysicalModelLayer
BackdropFiflterLayer
AnnotatedRegionLayer
ShaderMaskLayer
OpacityLayer
LeaderLayer
OffsetLayer
TransformLayer
ClipPathLayer
ImageFllterLayer
ClipRectLayer
ColorFilterLayer
ClipRRectLayer
PictureLayer
performanceOverlayLayer
TextureLayer
PlatformViewLayer
0 条评论
下一页
