Android开发之仿微信底部导航切换(Compose版本)附加源码下载

xiayiye5

已于 2022-04-30 18:42:55 修改

阅读量2k

点赞数

分类专栏： Compose学习 compose切换文章标签： android 微信 ui 微信compose

于 2022-04-30 18:06:54 首次发布

本文链接：https://blog.csdn.net/xiayiye5/article/details/124516270

版权

本文介绍如何在Android开发中使用Compose实现仿微信底部导航切换的效果，详细讲解核心要点，包括记录页面位置和利用BottomNavigation组件。并提供完整代码示例及源码下载链接。

摘要由CSDN通过智能技术生成

老套路，先上(献上)效果图

实际上这个页面在Android开发中太常见了。所以学些了下Compose版本

说下核心：

1.需要记录每次切换的页面position

 var currentNavigationIndex by remember {
        mutableStateOf(0)
    }

2.使用对应的导航小部件BottomNavigation

本文中重点笔记如上，现在来看下完整代码

首页代码

package com.example.composelearning

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Surface
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import com.example.composelearning.ui.page.HomeFrame
import com.exampl