下載本文檔
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
【移動(dòng)應(yīng)用開發(fā)技術(shù)】使用Flutter怎么實(shí)現(xiàn)底部導(dǎo)航欄效果
這篇文章將為大家詳細(xì)講解有關(guān)使用Flutter怎么實(shí)現(xiàn)底部導(dǎo)航欄效果,文章內(nèi)容質(zhì)量較高,因此在下分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。一.在main.dart文件中定義APP的基本信息class
MyApp
extends
StatelessWidget
{
//
This
widget
is
the
root
of
your
application.
@override
Widget
build(BuildContext
context)
{
return
new
MaterialApp(
title:
'Flutter
Demo',
theme:
new
ThemeData(
primarySwatch:
themeColor(),
),
home:
new
MyHomePage(title:
'Flutter
Demo
Home
Page'),
);
}
}其中主要代碼部分class
_MyHomePageState
extends
State<MyHomePage>
{
PageController
pageController;
int
page
=
0;
@override
Widget
build(BuildContext
context)
{
return
new
Scaffold(
backgroundColor:
Colors.grey,
body:
new
PageView(
children:
[
new
Index(),
new
Classify(),
new
Shopping(),
new
Myself()
],
controller:
pageController,
onPageChanged:
onPageChanged
),
bottomNavigationBar:
new
BottomNavigationBar(items:
[
new
BottomNavigationBarItem(
icon:
new
Icon(Icons.laptop_chromebook),
title:
new
Text("主頁(yè)"),
backgroundColor:
Colors.grey
),
new
BottomNavigationBarItem(
icon:
new
Icon(Icons.list),
title:
new
Text("分類"),backgroundColor:
Colors.grey),
new
BottomNavigationBarItem(
icon:
new
Icon(Icons.local_grocery_store),
title:
new
Text("購(gòu)物車")),
new
BottomNavigationBarItem(icon:
new
Icon(Icons.person),
title:
new
Text("我的"))
],
onTap:
onTap,
currentIndex:
page
),
);
}
@override
void
initState()
{
super.initState();
pageController
=
new
PageController(initialPage:
this.page);
}
void
onTap(int
index)
{
pageController.animateToPage(
index,
duration:
const
Duration(milliseconds:
300),
curve:
Curves.ease);
}
void
onPageChanged(int
page)
{
setState(()
{
this.page
=
page;
});
}
}其中,各個(gè)頁(yè)面的主要聲明底部導(dǎo)航欄的內(nèi)容填充二.其他四個(gè)頁(yè)面的主要代碼import
'package:flutter/material.dart';
class
Classify
extends
StatelessWidget
{
@override
Widget
build(BuildContext
context)
{
//
TODO:
implement
build
return
new
Scaffold(
body:
new
Center(
child:
new
T
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 簡(jiǎn)單私人家庭使用的貨物買賣合同(2篇)
- 2024年六氟環(huán)氧丙烷項(xiàng)目合作計(jì)劃書
- 鋁礦運(yùn)輸產(chǎn)業(yè)轉(zhuǎn)型升級(jí)協(xié)議
- 河沙填筑工程運(yùn)輸合作協(xié)議
- 航空貨運(yùn)合同格式模板
- 瓶裝水配送雇傭合同
- 2024版海南省水果買賣合同
- 2024版公園內(nèi)小商鋪?zhàn)赓U合同
- 2024版工礦產(chǎn)品供應(yīng)調(diào)撥合同(GF-90-0103)
- 餐飲業(yè)裝修合同保密協(xié)定
- 少女的心手抄全內(nèi)容三篇
- 設(shè)備日常點(diǎn)檢標(biāo)準(zhǔn)作業(yè)指導(dǎo)書
- 貴州省織金縣三壩煤礦詳查探礦權(quán)出讓收益評(píng)估報(bào)告
- 《關(guān)于農(nóng)村土地資源利用情況的調(diào)查報(bào)告(論文)》
- 《施工技術(shù)組織管理實(shí)踐報(bào)告5000字》
- 云南省地圖含市縣地圖矢量分層地圖行政區(qū)劃市縣概況ppt模板
- GB/T 14153-1993硬質(zhì)塑料落錘沖擊試驗(yàn)方法通則
- 《家校共育 攜手同行》小學(xué)生家長(zhǎng)會(huì)課件
- 體育概論第四章體育手段優(yōu)秀課件
- 腸梗阻疑難病例討論課件
- 危重病人的快速評(píng)估與護(hù)理課件
評(píng)論
0/150
提交評(píng)論