package com.example.fragment import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.activity.enableEdgeToEdge 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 com.example.fragment.ui.theme.FragmentTheme 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 fragment2") } } } @Composable fun Fragment2(navController : NavController) { Column(){ Text(text="This is fragment2") Spacer(modifier= Modifier.height(45.dp)) Button(onClick ={ navController.navigate("fragment3") }){ Text(text="Go to fragment3") } } } @Composable fun Fragment3(navController : NavController) { Column(){ Text(text="This is fragment3") Spacer(modifier= Modifier.height(45.dp)) Button(onClick ={ navController.navigate("fragment1") }){ Text(text="Go to fragment1") } } }
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