Jetpack Compose LargeTopAppBar 显示标题两次

Question

我正在尝试使用 Scaffold 和 LargeTopAppBar 构建 Jetpack Compose 应用程序。我目前有一个非常简单的 UI，只有 Scaffold 中的 LargeTopAppBar，但是当我运行我的应用程序时，我在屏幕顶部看到两个小标题。

有什么想法为什么会发生这种情况或如何解决它？我的活动代码如下

@OptIn(ExperimentalMaterial3Api::class)
class MainActivity : MonetCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        lifecycleScope.launchWhenCreated {
            monet.awaitMonetReady()
            setContent {
                TVTimeTheme(monetCompat = monet) {
                    val decayAnimationSpec = rememberSplineBasedDecay<Float>()
                    val topAppBarScrollState = rememberTopAppBarScrollState()
                    val scrollBehavior = remember(decayAnimationSpec) {
                       TopAppBarDefaults.exitUntilCollapsedScrollBehavior(
                          decayAnimationSpec, topAppBarScrollState
                       )
                    }

                    Scaffold (
                        topBar = {
                            LargeTopAppBar(
                                title = { Text(text = "movies") },
                                scrollBehavior = scrollBehavior
                            )
                        }
                   ) { innerPadding ->
                       Box(modifier = Modifier.padding(innerPadding))
                   }
               }
           }
       }
   }
}

Answer 1

这些帮助了我：

• 在TabBar中仅使用material3组件（androidx.compose.material3.*），而不使用material（androidx.compose.material.*）组件
• 删除排版中defaultTextColor的titleLarge和bodyLarge