Composable не идентифицируется средой разработки Android Studio ⇐ Android

[Anonymous]

При создании NavHost внутри блока контента Android-студия не может идентифицировать составную часть: я также добавил зависимость навигации и даже оператор импорта.
Заранее спасибо
НАЖМИТЕ ВЫДЕЛЕННЫЙ ТЕКСТ (СИНИЙ), ЧТОБЫ ПОНЯТЬ, О ЧЕМ Я ГОВОРЮ.
Я пытался открыть новый проект, а затем взять демонстрационную версию, но это тоже не сработало.
Это build.gradle.kts

Код: Выделить всё

`plugins {
alias(libs.plugins.android.application)
alias(libs.plugins.kotlin.android)
alias(libs.plugins.kotlin.compose)
//    id("androidx.navigation.safeargs.kotlin")
}

android {
namespace = "com.example.navigation"
compileSdk = 34

defaultConfig {
applicationId = "com.example.navigation"
minSdk = 24
targetSdk = 34
versionCode = 1
versionName = "1.0"

testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
}

buildTypes {
release {
isMinifyEnabled = false
proguardFiles(
getDefaultProguardFile("proguard-android-optimize.txt"),
"proguard-rules.pro"
)
}
}
compileOptions {
sourceCompatibility = JavaVersion.VERSION_1_8
targetCompatibility = JavaVersion.VERSION_1_8
}
kotlinOptions {
jvmTarget = "1.8"
}
buildFeatures {
compose = true
}
}

dependencies {
val nav_version = "2.8.2"

// Jetpack Compose integration
implementation("androidx.navigation:navigation-compose:$nav_version")

implementation(libs.androidx.core.ktx)
implementation(libs.androidx.lifecycle.runtime.ktx)
implementation(libs.androidx.activity.compose)
implementation(platform(libs.androidx.compose.bom))
implementation(libs.androidx.ui)
implementation(libs.androidx.ui.graphics)
implementation(libs.androidx.ui.tooling.preview)
implementation(libs.androidx.material3)
testImplementation(libs.junit)
androidTestImplementation(libs.androidx.junit)
androidTestImplementation(libs.androidx.espresso.core)
androidTestImplementation(platform(libs.androidx.compose.bom))
androidTestImplementation(libs.androidx.ui.test.junit4)
debugImplementation(libs.androidx.ui.tooling)
debugImplementation(libs.androidx.ui.test.manifest)
}`

И вот здесь оно застряло.

Код: Выделить всё

package com.example.navigation

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.activity.enableEdgeToEdge
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.material3.Scaffold
import androidx.navigation.compose.composable
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import androidx.navigation.NavController
import androidx.navigation.compose.NavHost
import androidx.navigation.compose.rememberNavController
import com.example.navigation.ui.theme.NavigationTheme

class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
enableEdgeToEdge()
setContent {
NavigationTheme {
val navController= rememberNavController()
Scaffold(modifier = Modifier.fillMaxSize()) {   innerPadding ->
Greeting(
name = "Android",
modifier = Modifier.padding(innerPadding),
navController=navController
)
}
}
}
}
}

@Composable
fun Greeting(name: String, modifier: Modifier =   Modifier,navController: NavController) {
NavHost(navController,"Home"){
composable("Home"){

}
}
}

Здесь в этом компоновочном элементе выделено красным....

Подробнее здесь: https://stackoverflow.com/questions/790 ... studio-ide