Toast message

How to show toast message in android jetpack compose.

package com.compose.example

import android.os.Bundle
import android.widget.Toast
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.material3.Button
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.platform.LocalContext
import com.compose.example.ui.theme.ComposeExampleTheme

class MainActivity : ComponentActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            ComposeExampleTheme {
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colorScheme.background
                ) {
                    MainContent()
                }
            }
        }
    }
}



@Composable
fun MainContent() {
    val context  = LocalContext.current
    Box(
        contentAlignment = Alignment.Center
    ) {
        // * Toast Sample
        Button(
            onClick = {
                // * Toast
                Toast.makeText(context,
                    "Hi i am toast",
                    Toast.LENGTH_LONG).show()
            },
            modifier = Modifier.align(Alignment.Center)
        ) {
            Text(text = "Toast")
        }
    }
}

Toast extension function

How to show Toast message using extension function in android jetpack compose.

@Composable
fun MainContent() {
    val context  = LocalContext.current
    Box(
        contentAlignment = Alignment.Center
    ) {
        Button(
            onClick = {
                // * Toast extension function
                context.showToast("Hi i am extension toast",Toast.LENGTH_LONG)
            },
            modifier = Modifier.align(Alignment.Center)
        ) {
            Text(text = "Toast")
        }
    }
}

fun Context.showToast(message: String,length: Int = Toast.LENGTH_LONG){
    Toast.makeText(this, message, length).show()
}

..