MrNtlu

class ThemeViewModel: ViewModel() {
    var isDarkThemeEnabled = mutableStateOf(false)
        private set

    fun setTheme(isDarkTheme: Boolean) {
        isDarkThemeEnabled.value = isDarkTheme
    }
}

MrNtlu

class MainActivity : ComponentActivity() {
    private val themeViewModel: ThemeViewModel by viewModels()
    private lateinit var dataStoreUtil: DataStoreUtil

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

        dataStoreUtil = DataStoreUtil(applicationContext)

        //Checks if the system theme is DarkMode or not.

MrNtlu

class MainActivity : ComponentActivity() {
    private val themeViewModel: ThemeViewModel by viewModels()
    private lateinit var dataStoreUtil: DataStoreUtil

    override fun onCreate(savedInstanceState: Bundle?) {
        //...
        dataStoreUtil = DataStoreUtil(applicationContext)

        val systemTheme = when (resources.configuration.uiMode and Configuration.UI_MODE_NIGHT_MASK) {
            Configuration.UI_MODE_NIGHT_YES -> { true }

MrNtlu

@Composable
fun DarkThemeScreen(
    dataStoreUtil: DataStoreUtil,
    themeViewModel: ThemeViewModel,
) {
    var switchState by remember {themeViewModel.isDarkThemeEnabled }
    val coroutineScope = rememberCoroutineScope()

    Scaffold {
        Switch(

MrNtlu

@Composable
fun NavigationComposable(
    navController: NavHostController,
) {
    NavHost(navController = navController, startDestination = "home") {
        composable("home") {
            HomeScreen(navController = navController)
        }

        composable(

MrNtlu

class MainActivity : ComponentActivity() {
    private lateinit var navController: NavHostController

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            JetpackComposeUIComponentsTheme {
                navController = rememberNavController()
                Surface(
                    //...

MrNtlu

navController.navigate("settings")

// Pop everything up to the "home" destination off the back stack before
// navigating to the "settings" destination
navController.navigate("settings") {
    popUpTo("home")
}

// Pop everything up to and including the "home" destination off
// the back stack before navigating to the "settings" destination

MrNtlu

// Route "profile/{userId}"

navController.navigate("profile/user1234")

// Route "profile?userId={userId}" Optional Argument

navController.navigate("profile?userId=user1234")

MrNtlu

@Composable
fun MainScreen(
    navController: NavHostController,
) {
    Scaffold(
        //...
        topBar = {
            TopAppBar(
                title = {
                    Text(text = "Jetpack Compose")

MrNtlu

navigationIcon = {
    IconButton(
        onClick = { coroutineScope.launch { scaffoldState.drawerState.open() } }
    ) {
        Icon(imageVector = Icons.Rounded.Menu, contentDescription = "Drawer Icon")
    }
},