جت‌پک کامپوز در اندروید: سفارشی‌سازی Composable ها با Modifier

@Composable
fun MyComposableFunction(modifier: Modifier = Modifier){
    //do something here
}
                

@Composable
fun MyText(content: String, modifier: Modifier = Modifier){
    Text(
        text = content,
        modifier = modifier.padding(16.dp)
    )
}
                

@Composable
fun MyText(content: String, modifier: Modifier = Modifier){
    Text(
        text = content,
        fontSize = 50.sp,
        modifier = modifier.padding(8.dp).background(Color(0xFFF5F5F5))
    )
}
                

@Composable
fun MyText(content: String, modifier: Modifier = Modifier){
    Text(
        text = content,
        fontSize = 50.sp,
        modifier = modifier.padding(8.dp).background(Color(0xFFF5F5F5)).padding(16.dp)
    )
}
                

@Composable
fun MyText(content: String, modifier: Modifier = Modifier){
    Text(
        text = content,
        fontSize = 50.sp,
        modifier = modifier.padding(8.dp).background(Color(0xFFF5F5F5))
            .shadow(elevation = 2.dp, shape = ShapeDefaults.Small, spotColor = Color.Blue)
            .padding(16.dp)
    )
}
                

@Composable
fun MyText(content: String, modifier: Modifier = Modifier){
    Text(
        text = content,
        fontSize = 50.sp,
        modifier = modifier.padding(8.dp).background(Color(0xFFF5F5F5))
            .shadow(elevation = 2.dp, shape = ShapeDefaults.Small, spotColor = Color.Blue)
            .padding(16.dp).border(width = 2.dp, shape = ShapeDefaults.Small, color = Color.Yellow)
    )
}
                

@Composable
fun MyText(content: String, modifier: Modifier = Modifier){
    Text(
        text = content,
        fontSize = 50.sp
        modifier = modifier.padding(8.dp).background(Color(0xFFF5F5F5))
            .shadow(elevation = 2.dp, shape = ShapeDefaults.Small, spotColor = Color.Blue)
            .padding(16.dp).border(width = 2.dp, shape = ShapeDefaults.Small, color = Color.Yellow).padding(12.dp)
            .clickable{
                Log.d("CLICKED", "clicked on $content")
            }
        )
}
                

@Composable
fun MyText(content: String, modifier: Modifier = Modifier){
    Text(
        text = content,
        fontSize = 50.sp
        modifier = modifier.padding(8.dp).background(Color(0xFFF5F5F5))
            .shadow(elevation = 2.dp, shape = ShapeDefaults.Small, spotColor = Color.Blue)
            .padding(16.dp).border(width = 2.dp, shape = ShapeDefaults.Small, color = Color.Yellow)
            .padding(12.dp)
            .clickable{
                Log.d("CLICKED", "clicked on $content")
            }
    )
}
                

import android.os.Bundle
import android.util.Log
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.activity.enableEdgeToEdge
import androidx.compose.foundation.background
import androidx.compose.foundation.border
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.material3.Scaffold
import androidx.compose.material3.ShapeDefaults
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.shadow
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.text.AnnotatedString
import androidx.compose.ui.text.SpanStyle
import androidx.compose.ui.text.TextStyle
import androidx.compose.ui.text.buildAnnotatedString
import androidx.compose.ui.text.font.FontStyle
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.text.style.TextOverflow
import androidx.compose.ui.text.withStyle
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import ir.kodedevel.helloworld.ui.theme.HelloWorldTheme

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        setContent {
            HelloWorldTheme {
                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
                    MyText("Hello World", modifier = Modifier.padding(innerPadding))
                }
            }
        }
    }
}

@Composable
fun MyText(content: String, modifier: Modifier = Modifier){
    Text(
        text = content,
        fontSize = 45.sp,
        modifier = modifier.padding(8.dp).background(Color(0xFFF5F5F5))
            .shadow(elevation = 2.dp, shape = ShapeDefaults.Small, spotColor = Color.Blue)
            .padding(16.dp).border(width = 2.dp, shape = ShapeDefaults.Small, color = Color.Yellow)
            .clickable{
                Log.d("CLICKED", "clicked on $content")
            }
            .padding(12.dp)
    )
}

@Preview
@Composable
fun MyTextPreview(){
    MyText("Hello World!")
}