不知到大家在軟件開(kāi)發(fā)過(guò)程中，為了讓代碼邏輯看起來(lái)非常清晰的情況下，需要將一部分代碼以模塊化的方式分離出單獨(dú)的的最小單元組件。這樣的好的好處有新的需求分析的時(shí)候，只修改1個(gè)單獨(dú)的組件就可以了。用最小的單價(jià)修改一個(gè)組件完成新的需求也是軟件開(kāi)發(fā)的一種解決方式。

那么話(huà)不多說(shuō)，我們開(kāi)始來(lái)詳細(xì)描述Tabs組件實(shí)現(xiàn)過(guò)程：

1 創(chuàng)建1個(gè)Tabs.dart文件，創(chuàng)建Tabs類(lèi)

創(chuàng)建文件

2 將之前在MyApp的測(cè)試代碼BottomNavigationBar拷貝到Tabs類(lèi)中

封裝1

封裝2

3 封裝好以后，在main.dart測(cè)試

Tabs組件測(cè)試

總結(jié)：

以上就是創(chuàng)建tabs組件的過(guò)程，這樣文件的分離和組件封裝，讓代碼看起來(lái)非常清晰。