Adds shared TopBar component

This commit is contained in:
Dennis Schoepf 2025-04-05 23:37:06 +02:00
parent 35319cec25
commit d6c93f262b
4 changed files with 55 additions and 9 deletions

View file

@ -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() {

View file

@ -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() {
Scaffold(
topBar = {
TopBar(title = "Overview")
}
) { innerPadding ->
Column(
modifier = Modifier.padding(innerPadding)
) {
Text(text = "Overview")
}
}
}

View file

@ -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() {
Scaffold(
topBar = {
TopBar(title = "Settings")
}
) { innerPadding ->
Column(
modifier = Modifier.padding(innerPadding)
) {
Text(text = "Settings")
}
}
}

View 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
)
}
)
}