歡迎任何代碼示例,謝謝!

uj5u.com熱心網友回復:
TabBar 這個影片默認...
您可以從 IDE 或此處查看其源代碼以了解它是如何完成的。
如果您想直接在您的應用程式中使用此頁面,此頁面包含檔案、視頻和示例。
uj5u.com熱心網友回復:
這是代碼示例。您可以使用 TabBar 小部件。
class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key}) : super(key: key);
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage>
with SingleTickerProviderStateMixin {
late TabController _tabController;
@override
void initState() {
super.initState();
_tabController = TabController(length: 3, vsync: this, initialIndex: 0);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.black,
title: Text("Demo"),
bottom: TabBar(
controller: _tabController,
indicatorColor: Colors.white,
tabs: [
Tab(
text: "Wellbeing",
),
Tab(
text: "Cleaning",
),
Tab(
text: "Self-care",
),
],
),
),
body: TabBarView(
controller: _tabController,
children: [
Center(child: Text("Wellbeing")),
Center(child: Text("Cleaning")),
Center(child: Text("Self-care")),
],
),
);
}
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/411610.html
標籤:
上一篇:如何使用顫振顯示資料?
下一篇:未讀已讀圖示矩形顫動
