diff --git a/BasicLayoutsCodelab/app/src/main/java/com/codelab/basiclayouts/MainActivity.kt b/BasicLayoutsCodelab/app/src/main/java/com/codelab/basiclayouts/MainActivity.kt index 52f4f35..18c1e1f 100644 --- a/BasicLayoutsCodelab/app/src/main/java/com/codelab/basiclayouts/MainActivity.kt +++ b/BasicLayoutsCodelab/app/src/main/java/com/codelab/basiclayouts/MainActivity.kt @@ -42,6 +42,7 @@ import androidx.compose.ui.res.stringResource import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.unit.dp import com.codelab.basiclayouts.ui.theme.MySootheTheme +import java.util.* class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { @@ -174,9 +175,20 @@ fun FavoriteCollectionsGrid( // Step: Home section - Slot APIs @Composable fun HomeSection( - modifier: Modifier = Modifier + @StringRes title: Int, + modifier: Modifier = Modifier, + content: @Composable () -> Unit ) { - // Implement composable here + Column(modifier) { + Text( + text = stringResource(id = title).uppercase(locale = Locale.getDefault()), + style = MaterialTheme.typography.h2, + modifier = Modifier + .paddingFromBaseline(top = 40.dp, bottom = 8.dp) + .padding(horizontal = 16.dp) + ) + content() + } } // Step: Home screen - Scrolling @@ -265,7 +277,11 @@ fun AlignYourBodyRowPreview() { @Preview(showBackground = true, backgroundColor = 0xFFF0EAE2) @Composable fun HomeSectionPreview() { - MySootheTheme { HomeSection() } + MySootheTheme { + HomeSection(title = R.string.align_your_body) { + AlignYourBodyRow() + } + } } @Preview(showBackground = true, backgroundColor = 0xFFF0EAE2)