日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)Flutter教程:FlutterWidget目錄

使用Flutter的一套的視覺、結(jié)構(gòu)、平臺、和交互式的widgets,快速創(chuàng)建漂亮的APP.

創(chuàng)新新互聯(lián),憑借十多年的網(wǎng)站建設(shè)、成都做網(wǎng)站經(jīng)驗,本著真心·誠心服務(wù)的企業(yè)理念服務(wù)于成都中小企業(yè)設(shè)計網(wǎng)站有近千家案例。做網(wǎng)站建設(shè),選創(chuàng)新互聯(lián)公司。

除了按類別瀏覽widget外,您還可以在Flutter widget 索引瀏覽Flutter中的所有widgets。

基礎(chǔ) Widgets

  • Container:一個擁有繪制、定位、調(diào)整大小的 widget
  • Row:在水平方向上排列子widget的列表
  • Column:在垂直方向上排列子widget的列表
  • Image:一個顯示圖片的widget
  • Text:單一格式的文本
  • Icon:A Material Design icon.
  • RaisedButton:Material Design中的button, 一個凸起的材質(zhì)矩形按鈕
  • Scaffold:Material Design布局結(jié)構(gòu)的基本實(shí)現(xiàn)。此類提供了用于顯示drawer、snackbar和底部sheet的API
  • Appbar:一個Material Design應(yīng)用程序欄,由工具欄和其他可能的widget(如TabBar和FlexibleSpaceBar)組成
  • FlutterLogo:Flutter logo, 以widget形式. 這個widget遵從IconTheme。
  • Placeholder:一個繪制了一個盒子的的widget,代表日后有widget將會被添加到該盒子中

Material Components Widgets

App結(jié)構(gòu)和導(dǎo)航

  • Scaffold:Material Design布局結(jié)構(gòu)的基本實(shí)現(xiàn)。此類提供了用于顯示drawer、snackbar和底部sheet的API。
  • Appbar:一個Material Design應(yīng)用程序欄,由工具欄和其他可能的widget(如TabBar和FlexibleSpaceBar)組成。
  • ButtomNavigationBar:底部導(dǎo)航條,可以很容易地在tap之間切換和瀏覽頂級視圖。
  • TabBar:一個顯示水平選項卡的Material Design widget。
  • TabBarView:顯示與當(dāng)前選中的選項卡相對應(yīng)的頁面視圖。通常和TabBar一起使用。
  • MaterialApp:一個方便的widget,它封裝了應(yīng)用程序?qū)崿F(xiàn)Material Design所需要的一些widget。
  • WidgetsApp:一個方便的類,它封裝了應(yīng)用程序通常需要的一些widget。
  • Drawer:從Scaffold邊緣水平滑動以顯示應(yīng)用程序中導(dǎo)航鏈接的Material Design面板

按鈕

  • RaisedButton:Material Design中的button, 一個凸起的材質(zhì)矩形按鈕
  • FloatingActionButton:一個圓形圖標(biāo)按鈕,它懸停在內(nèi)容之上,以展示應(yīng)用程序中的主要動作。FloatingActionButton通常用于Scaffold.floatingActionButton字段。
  • FlatButton:一個扁平的Material按鈕
  • IconButton:一個Material圖標(biāo)按鈕,點(diǎn)擊時會有水波動畫
  • PopupMenuButton:當(dāng)菜單隱藏式,點(diǎn)擊或調(diào)用onSelected時顯示一個彈出式菜單列表
  • ButtonBar:水平排列的按鈕組

輸入框和選擇框

  • TextField:文本輸入框
  • Checkbox:復(fù)選框,允許用戶從一組中選擇多個選項
  • Radio:單選框,允許用戶從一組中選擇一個選項。
  • Switch:On/off 用于切換一個單一狀態(tài)
  • Slider:滑塊,允許用戶通過滑動滑塊來從一系列值中選擇。
  • Date & Time Pickers:日期&時間選擇器

對話框、Alert、Panel

  • SimpleDialog:簡單對話框可以顯示附加的提示或操作
  • AlertDialog:一個會中斷用戶操作的對話款,需要用戶確認(rèn)
  • BottomSheet:一個從屏幕底部滑起的列表(以顯示更多的內(nèi)容)。你可以調(diào)用showBottomSheet()或showModalBottomSheet彈出
  • ExpansionPanel:Expansion panels contain creation flows and allow lightweight editing of an element. The ExpansionPanel widget implements this component.
  • SnackBar:具有可選操作的輕量級消息提示,在屏幕的底部顯示。

信息展示

  • Image:一個顯示圖片的widget
  • Icon:A Material Design icon.
  • Chip:標(biāo)簽,一個Material widget。 它可以將一個復(fù)雜內(nèi)容實(shí)體展現(xiàn)在一個小塊中,如聯(lián)系人。
  • Tooltip:一個文本提示工具,幫助解釋一個按鈕或其他用戶界面,當(dāng)widget長時間按下時(當(dāng)用戶采取其他適當(dāng)操作時)顯示一個提示標(biāo)簽。‘
  • DataTable:數(shù)據(jù)表顯示原始數(shù)據(jù)集。它們通常出現(xiàn)在桌面企業(yè)產(chǎn)品中。DataTable Widget實(shí)現(xiàn)這個組件
  • Card:一個 Material Design 卡片。擁有一個圓角和陰影
  • LinearProgressIndicator:一個線性進(jìn)度條,另外還有一個圓形進(jìn)度條CircularProgressIndicator

布局

  • ListTile:一個固定高度的行,通常包含一些文本,以及一個行前或行尾圖標(biāo)
  • Stepper:一個Material Design 步驟指示器,顯示一系列步驟的過程
  • Divider:一個邏輯1像素厚的水平分割線,兩邊都有填充

Cupertino(iOS風(fēng)格的widget)

  • CupertinoActivityIndicator:一個iOS風(fēng)格的loading指示器。顯示一個圓形的轉(zhuǎn)圈菊花
  • CupertinoAlertDialog:iOS風(fēng)格的alert dialog
  • CupertinoButton:iOS風(fēng)格的button
  • CupertinoDialog:iOS風(fēng)格的對話框
  • CupertinoDialogAction:通常用于CupertinoAlertDialog的一個button
  • CupertinoSlider:從一個范圍中選一個值
  • CupertinoSwitch:iOS風(fēng)格的開關(guān). 用于單一狀態(tài)的開/關(guān)
  • CupertinoPageTransition:提供iOS風(fēng)格的頁面過度動畫
  • CupertinoFullscreenDialogTransition:一個iOS風(fēng)格的過渡,用于調(diào)用全屏對話框
  • CupertinoNavigationBar:iOS風(fēng)格的導(dǎo)航欄. 通常和CupertinoPageScaffold一起使用
  • CupertinoTabBar:iOS風(fēng)格的底部選項卡。 通常和CupertinoTabScaffold一起使用
  • CupertinoPageScaffold:一個iOS風(fēng)格的頁面的基本布局結(jié)構(gòu)。包含內(nèi)容和導(dǎo)航欄
  • CupertinoTabScaffold:標(biāo)簽式iOS應(yīng)用程序的結(jié)構(gòu)。將選項卡欄放在內(nèi)容選項卡之上
  • CupertinoTabView:支持選項卡間并行導(dǎo)航項卡的根內(nèi)容。通常與CupertinoTabScaffolde一起使用

Layout

擁有單個子元素的布局widget

  • Container:一個擁有繪制、定位、調(diào)整大小的 widget
  • Padding:一個widget, 會給其子widget添加指定的填充
  • Center:將其子widget居中顯示在自身內(nèi)部的widget
  • Align:一個widget,它可以將其子widget對齊,并可以根據(jù)子widget的大小自動調(diào)整大小
  • FittedBox:按自己的大小調(diào)整其子widget的大小和位置
  • AspectRatio:一個widget,試圖將子widget的大小指定為某個特定的長寬比
  • ConstrainedBox:對其子項施加附加約束的widget
  • Baseline:根據(jù)子項的基線對它們的位置進(jìn)行定位的widget
  • FractionallySizedBox:一個widget,它把它的子項放在可用空間的一小部分。關(guān)于布局算法的更多細(xì)節(jié),見RenderFractionallySizedOverflowBox
  • IntrinsicHeight:一個widget,它將它的子widget的高度調(diào)整其本身實(shí)際的高度
  • IntrinsicWidth:一個widget,它將它的子widget的寬度調(diào)整其本身實(shí)際的寬度
  • LimitedBox:一個當(dāng)其自身不受約束時才限制其大小的盒子
  • Offstage:一個布局widget,可以控制其子widget的顯示和隱藏
  • OverflowBox:對其子項施加不同約束的widget,它可能允許子項溢出父級
  • SizedBox:一個特定大小的盒子。這個widget強(qiáng)制它的孩子有一個特定的寬度和高度。如果寬度或高度為NULL,則此widget將調(diào)整自身大小以匹配該維度中的孩子的大小
  • SizedOverflowBox:一個特定大小的widget,但是會將它的原始約束傳遞給它的孩子,它可能會溢出
  • Transform:在繪制子widget之前應(yīng)用轉(zhuǎn)換的widget
  • CustomSingleChildLayout:一個自定義的擁有單個子widget的布局widget

擁有多個子元素的布局widget

  • Row:在水平方向上排列子widget的列表
  • Column:在垂直方向上排列子widget的列表
  • Stack:可以允許其子widget簡單的堆疊在一起
  • IndexedStack:從一個子widget列表中顯示單個孩子的Stack
  • Flow:一個實(shí)現(xiàn)流式布局算法的widget
  • Table:為其子widget使用表格布局算法的widget
  • Wrap:可以在水平或垂直方向多行顯示其子widget
  • ListBody:一個widget,它沿著一個給定的軸,順序排列它的子元素
  • ListView:可滾動的列表控件。ListView是最常用的滾動widget,它在滾動方向上一個接一個地顯示它的孩子。在縱軸上,孩子們被要求填充ListView
  • CustomMultiChildLayout:使用一個委托來對多個孩子進(jìn)行設(shè)置大小和定位的小部件

Layout helpers

  • LayoutBuilder:構(gòu)建一個可以依賴父窗口大小的widget樹

文章標(biāo)題:創(chuàng)新互聯(lián)Flutter教程:FlutterWidget目錄
轉(zhuǎn)載注明:http://m.5511xx.com/article/coiocee.html