Android JetPack Compose实现底部导航栏，material3

最新推荐文章于 2025-04-02 21:27:09 发布

菜鸟大数据应用

最新推荐文章于 2025-04-02 21:27:09 发布

阅读量2.5k

点赞数 9

文章标签： android jetpack android

本文链接：https://blog.csdn.net/qq_43323894/article/details/135515297

版权

本文介绍了如何在Android应用中使用JetpackCompose和Material3API创建一个带有底部导航栏的Scaffold，展示了如何使用NavigationBar和NavigationBarItem组件来实现导航栏功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Android JetPack Compose实现底部导航栏，material3

- - - - 1.Scaffold + NavigationBar + NavigationBarItem
      - 2.案例实现

1.Scaffold + NavigationBar + NavigationBarItem

Scaffold：脚手架，有topBar，bottomBar等参数
NavigationBar：用于实现导航栏主体
NavigationBarItem：用于实现导航栏的单个实例

2.案例实现

import android.annotation.SuppressLint
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.DateRange
import androidx.compose.material.icons.filled.Home
import androidx.compose.material.icons.filled.Person
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.Icon
import androidx.compose.material3.NavigationBar
import androidx.compose.material3.NavigationBarItem
import androidx.compose.material3.NavigationBarItemDefaults
import androidx