msfjarvis/compose-lobsters
1
Fork 0
mirror of https://github.com/msfjarvis/compose-lobsters synced 2025-08-19 23:33:46 +05:30
Code Issues Projects Releases Packages Wiki Activity Actions 5

Use a Scaffold to lay things out

Browse source 
Signed-off-by: Harsh Shandilya <me@msfjarvis.dev>
This commit is contained in:
Harsh Shandilya 2020-08-22 14:49:39 +05:30
parent 04f2b20503
commit 6558ec7909
No known key found for this signature in database
GPG key ID: 366D7BBAD1031E80
1 changed files with 32 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

29
app/src/main/java/dev/msfjarvis/todo/MainActivity.kt
View file

@ -2,8 +2,6 @@ package dev.msfjarvis.todo
import android.os.Bundle import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity import androidx.appcompat.app.AppCompatActivity
import androidx.compose.foundation.Box
import androidx.compose.foundation.ContentGravity
import androidx.compose.foundation.Icon import androidx.compose.foundation.Icon
import androidx.compose.foundation.Text import androidx.compose.foundation.Text
import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.Row
@ -12,6 +10,7 @@ import androidx.compose.foundation.lazy.LazyColumnFor
import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.Card import androidx.compose.material.Card
import androidx.compose.material.FloatingActionButton import androidx.compose.material.FloatingActionButton
import androidx.compose.material.Scaffold
import androidx.compose.material.TopAppBar import androidx.compose.material.TopAppBar
import androidx.compose.material.icons.Icons import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.ExposurePlus1 import androidx.compose.material.icons.filled.ExposurePlus1
@ -45,12 +44,19 @@ class MainActivity : AppCompatActivity() {
fun TodoApp() { fun TodoApp() {
val items = remember { mutableStateListOf(TodoItem("Default item")) } val items = remember { mutableStateListOf(TodoItem("Default item")) }
Box(gravity = ContentGravity.Center) { Scaffold(
TopAppBar( topBar = { TopAppBar({ Text(text = "I can Compose?") }) },
title = { floatingActionButton = {
Text(text = "I can Compose?") FloatingActionButton(
onClick = {
items.add(TodoItem("Item ${items.size + 1}"))
},
elevation = 8.dp,
) {
Icon(asset = Icons.Filled.ExposurePlus1)
} }
) },
bodyContent = {
LazyColumnFor(items = items, modifier = Modifier.padding(horizontal = 16.dp)) { todoItem -> LazyColumnFor(items = items, modifier = Modifier.padding(horizontal = 16.dp)) { todoItem ->
Row( Row(
modifier = Modifier.padding(vertical = 8.dp).fillParentMaxWidth(), modifier = Modifier.padding(vertical = 8.dp).fillParentMaxWidth(),
@ -72,13 +78,6 @@ fun TodoApp() {
} }
} }
} }
FloatingActionButton(
onClick = {
items.add(TodoItem("Item ${items.size + 1}"))
},
elevation = 8.dp,
) {
Icon(asset = Icons.Filled.ExposurePlus1)
}
} }
)
} }