Как создать навигационное меню с помощью jetpack?

#android #kotlin #android-jetpack-compose

Вопрос:

Как я могу создать навигационный ящик в jetpack? Я хочу, чтобы было только два экрана, на главном (который называется «домашний») есть этот код:

 class HomeScreen : ComponentActivity() {  fun makeACall(context: Context, phoneNumber: String) {   val intent = Intent(Intent.ACTION_CALL)  intent.data = Uri.parse("tel: $phoneNumber")   if (ActivityCompat.checkSelfPermission(this, Manifest.permission.CALL_PHONE) ==  PackageManager.PERMISSION_GRANTED) {   startActivity(intent)   } else {  ActivityCompat.requestPermissions(  this, arrayOf(Manifest.permission.CALL_PHONE), 777  )  } }  override fun onRequestPermissionsResult(  requestCode: Int,  permissions: Arraylt;out Stringgt;,  grantResults: IntArray ) {  super.onRequestPermissionsResult(requestCode, permissions, grantResults)  if(requestCode == 777){  if(grantResults.isNotEmpty() amp;amp; grantResults[0] == PackageManager.PERMISSION_GRANTED){  Toast.makeText(this,  "El permiso de llamada está activado", Toast.LENGTH_SHORT).show()  }   else{  Toast.makeText(this,  "El permiso de llamada está desactivado", Toast.LENGTH_SHORT).show()   }   } }    @Composable  fun Home() {  LazyColumn(  modifier = Modifier  .fillMaxSize()  .background(Color.Gray)  )  {  item {   PhoneNumber(title = "911 (Emergencias)", phoneNumber = "911")  PhoneNumberTwo(title = "107 (Emergencias médicas)", phoneNumber = "107")  PhoneNumberThree(title = "100 (Bomberos)", phoneNumber = "100")  PhoneNumberFour(title = "144 (Violencia de género)", phoneNumber = "144")  PhoneNumberFive(title = "142 (Menores extraviados)", phoneNumber = "142")  PhoneNumberSix(title = "101 (Policía)", phoneNumber = "101")  PhoneNumberSeven(title = "5275-1135 (Asistencia al suicida)", phoneNumber = "5275 1135")  PhoneNumberEight(title = "105 (Emergencia ambiental)", phoneNumber = "105")  PhoneNumberNine(title = "103 (Defensa civil)", phoneNumber = "103")  PhoneNumberTen(title = "134 (Denuncias contra el tráfico de drogas)", phoneNumber = "134")  PhoneNumberEleven(title ="145 (Trata de personas)", phoneNumber = "145")  }  }  }   @Composable fun PhoneNumber(title: String, phoneNumber: String) {  val context = LocalContext.current  Text(  text = title,  fontSize = 32.sp,  fontFamily = FontFamily.Monospace,  color = Color.White,  modifier = Modifier  .fillMaxWidth()  .clickable { makeACall(context = context, phoneNumber = phoneNumber) }  .border(width = 2.dp, color = Color.Black)  .padding(horizontal = 10.dp, vertical = 10.dp),  textAlign = TextAlign.Center  ) }  

А на втором экране появится информация, которая будет называться «информация». Моя главная проблема в том, что, когда я прихожу домой, я не хочу, чтобы он показывал дизайн, который я сделал с помощью функции, потому что у меня есть класс, созданный с помощью разных функций.