package com.example.prog2 import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.activity.enableEdgeToEdge import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.Spacer import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.padding import androidx.compose.material3.Button import androidx.compose.material3.Scaffold import androidx.compose.material3.Text import androidx.compose.runtime.Composable import androidx.compose.ui.Modifier import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.sp import androidx.navigation.NavController import androidx.navigation.compose.NavHost import androidx.navigation.compose.composable import androidx.navigation.compose.rememberNavController import com.example.prog2.ui.theme.Prog2Theme class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) enableEdgeToEdge() setContent { val navcontroller = rememberNavController() NavHost(navController = navcontroller, startDestination = "fragment1") { composable("fragment1") { Fragment1(navcontroller) } composable("fragment2") { Fragment2(navcontroller) } composable("fragment3") { Fragment3(navcontroller)} } } } } @Composable fun Fragment1(navController: NavController){ Column() { Text(text = "This is Fragment1 ") Spacer(modifier = Modifier.height(45.dp)) Button(onClick={ navController.navigate("fragment2")}) { Text(text = " Go to Fragment 2") } } } @Composable fun Fragment2(navController: NavController) { Row(horizontalArrangement = Arrangement.SpaceEvenly){ Text(text = "This is Fragment2 ") Button(onClick = { navController.navigate("fragment3") }) { Text(text = "Go to Fragment 3") } } } @Composable fun Fragment3(navController: NavController){ Row(horizontalArrangement = Arrangement.SpaceEvenly){ Text(text = "This is Fragment3 ") Button(onClick = { navController.navigate("fragment1") }) { Text(text = "Go to Fragment 1") } } }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter