Android Compose – Change Text to Bold
To change font weight of Text composable to Bold, in Android Jetpack Compose, pass FontWeight.Bold
for the optional fontWeight
parameter of Text composable.
The following is a sample code snippet to set the font weight to bold.
import androidx.compose.ui.text.font.FontWeight
Text(
"Hello World",
fontWeight = FontWeight.Bold
)
Make sure to import FontWeight class.
Example
Create an Android Application with Jetpack Compose as template, and modify MainActivity.kt as shown in the following.
The Text composable in the following activity displays Hello World
text in Bold font weight.
MainActivity.kt
package com.example.myapplication
import android.os.Bundle
import androidx.activity.compose.setContent
import androidx.appcompat.app.AppCompatActivity
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.material.Text
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.text.font.FontWeight
import com.example.myapplication.ui.theme.MyApplicationTheme
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
MyApplicationTheme {
Column(
horizontalAlignment = Alignment.CenterHorizontally,
modifier = Modifier.fillMaxWidth()
) {
Text(
"Hello World",
fontWeight = FontWeight.Bold
)
}
}
}
}
}
Screenshot in Emulator
Let us define two Text composables, with normal text and bold text respectively.
MainActivity.kt
package com.example.myapplication
import android.os.Bundle
import androidx.activity.compose.setContent
import androidx.appcompat.app.AppCompatActivity
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.material.Text
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.text.font.FontWeight
import com.example.myapplication.ui.theme.MyApplicationTheme
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
MyApplicationTheme {
Column(
horizontalAlignment = Alignment.CenterHorizontally,
modifier = Modifier.fillMaxWidth()
) {
Text(
"Hello World"
)
Text(
"Hello World",
fontWeight = FontWeight.Bold
)
}
}
}
}
}
Screenshot in Emulator
Conclusion
In this Android Jetpack Compose Tutorial, we learned how to change font weight of Text composable to Bold in Android Project with Jetpack Compose.