Adds shared TopBar component
This commit is contained in:
parent
35319cec25
commit
d6c93f262b
4 changed files with 55 additions and 9 deletions
|
|
@ -4,13 +4,6 @@ import android.os.Bundle
|
|||
import androidx.activity.ComponentActivity
|
||||
import androidx.activity.compose.setContent
|
||||
import androidx.activity.enableEdgeToEdge
|
||||
import androidx.compose.foundation.layout.fillMaxSize
|
||||
import androidx.compose.foundation.layout.padding
|
||||
import androidx.compose.material3.Scaffold
|
||||
import androidx.compose.material3.Text
|
||||
import androidx.compose.runtime.Composable
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.tooling.preview.Preview
|
||||
import com.dnsc.plaindo.ui.theme.PlaindoTheme
|
||||
|
||||
class MainActivity : ComponentActivity() {
|
||||
|
|
|
|||
|
|
@ -1,9 +1,24 @@
|
|||
package com.dnsc.plaindo.ui.overview
|
||||
|
||||
import androidx.compose.foundation.layout.Column
|
||||
import androidx.compose.foundation.layout.padding
|
||||
import androidx.compose.material3.Scaffold
|
||||
import androidx.compose.material3.Text
|
||||
import androidx.compose.runtime.Composable
|
||||
import androidx.compose.ui.Modifier
|
||||
import com.dnsc.plaindo.ui.shared.TopBar
|
||||
|
||||
@Composable
|
||||
fun PlaindoOverviewScreen() {
|
||||
Text(text = "Overview")
|
||||
Scaffold(
|
||||
topBar = {
|
||||
TopBar(title = "Overview")
|
||||
}
|
||||
) { innerPadding ->
|
||||
Column(
|
||||
modifier = Modifier.padding(innerPadding)
|
||||
) {
|
||||
Text(text = "Overview")
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,9 +1,24 @@
|
|||
package com.dnsc.plaindo.ui.settings
|
||||
|
||||
import androidx.compose.foundation.layout.Column
|
||||
import androidx.compose.foundation.layout.padding
|
||||
import androidx.compose.material3.Scaffold
|
||||
import androidx.compose.material3.Text
|
||||
import androidx.compose.runtime.Composable
|
||||
import androidx.compose.ui.Modifier
|
||||
import com.dnsc.plaindo.ui.shared.TopBar
|
||||
|
||||
@Composable
|
||||
fun PlaindoSettingsScreen() {
|
||||
Text(text = "Settings")
|
||||
Scaffold(
|
||||
topBar = {
|
||||
TopBar(title = "Settings")
|
||||
}
|
||||
) { innerPadding ->
|
||||
Column(
|
||||
modifier = Modifier.padding(innerPadding)
|
||||
) {
|
||||
Text(text = "Settings")
|
||||
}
|
||||
}
|
||||
}
|
||||
23
app/src/main/java/com/dnsc/plaindo/ui/shared/TopBar.kt
Normal file
23
app/src/main/java/com/dnsc/plaindo/ui/shared/TopBar.kt
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
package com.dnsc.plaindo.ui.shared
|
||||
|
||||
import androidx.compose.foundation.layout.fillMaxWidth
|
||||
import androidx.compose.material3.ExperimentalMaterial3Api
|
||||
import androidx.compose.material3.Text
|
||||
import androidx.compose.material3.TopAppBar
|
||||
import androidx.compose.runtime.Composable
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.text.style.TextAlign
|
||||
|
||||
@OptIn(ExperimentalMaterial3Api::class)
|
||||
@Composable
|
||||
fun TopBar(title: String) {
|
||||
TopAppBar(
|
||||
title = {
|
||||
Text(
|
||||
text = title,
|
||||
modifier = Modifier.fillMaxWidth(),
|
||||
textAlign = TextAlign.Left
|
||||
)
|
||||
}
|
||||
)
|
||||
}
|
||||
Reference in a new issue