1.實現(xiàn)文本框輸入（登錄和注冊等模塊使用）

Compose中使用TextField實現(xiàn)文本框輸入

此時發(fā)現(xiàn)還不能正常輸入，需要通過狀態(tài)更新UI函數(shù)。

jetpack是響應(yīng)式框架，需要引入監(jiān)聽狀態(tài)變化的方法mutableStateOf

此時可以正常更新

2.實現(xiàn)分頁和滑動切換（主頁面使用）

• 基于MVVM（Model-View-ViewModel）模式設(shè)計，首先定義ViewModel，將此模塊所有狀態(tài)變量分離聲明。

• 布局設(shè)計

?????實現(xiàn)滑動需要ViewPager，然而Compose沒有，需要引入google的一個Compose擴(kuò)展庫

????可以實現(xiàn)水平滑動和垂直滑動

以下將實現(xiàn)4個Page切換效果，通過Kotlin語法實現(xiàn)

實現(xiàn)滑動切換，同理垂直滑動類似

新的Pager極大簡化了實現(xiàn)操作

接下來需要實現(xiàn)UI下方的4個按鈕，首先制作組合控件

類似的實現(xiàn)4個控件，4個控件水平布局

接下來需要實現(xiàn)根據(jù)選擇切換頁面，首先需要讓控件返回選中狀態(tài)

利用協(xié)程實現(xiàn)切換，這里不是很懂先略過。

測試切換效果，成功了一半，這個橫欄挪不下去可能沒寫對布局之后再調(diào)整。