1 / 3

Pakeisk MainActivity.kt — Scaffold ekranas

Atidaryk MainActivity.kt ir pakeisk visą failą šiuo turiniu. Mes ištriname numatytąjį Greeting() ir pridedame NotesScreen() — pirmą tikrą programos ekraną.

Ką šis kodas daro:

Scaffold — Material Design ekrano šablonas. Jis turi slot'us: topBar, floatingActionButton, ir paskutinis lambda parametras yra turinys.
TopAppBar — viršutinė juosta su pavadinimu „Mano pastabos".
FloatingActionButton — apvalus + mygtukas dešinėje apačioje. onClick kol kas tuščias — pridėsime navigaciją vėlesnėje pamokoje.
Box su Modifier.fillMaxSize().padding(innerPadding) — turinio sritis. innerPadding ateina iš Scaffold ir užtikrina, kad tekstas nepasislėps po viršutine juosta.
@Preview — leidžia Android Studio rodyti šio ekrano peržiūrą be paleidimo telefone.

Svarbu: @OptIn(ExperimentalMaterial3Api::class) reikia, nes TopAppBar Material 3 dar pažymėtas kaip eksperimentinis.

MainActivity.kt MODIFIKUOTI

Redaguok šį failą kataloge app/src/main/java/com/example/helloandroid/

package com.example.helloandroid

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Add
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.FloatingActionButton
import androidx.compose.material3.Icon
import androidx.compose.material3.Scaffold
import androidx.compose.material3.Text
import androidx.compose.material3.TopAppBar
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import com.example.helloandroid.ui.theme.HelloAndroidTheme

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            HelloAndroidTheme {
                NotesScreen()
            }
        }
    }
}

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun NotesScreen() {
    Scaffold(
        topBar = {
            TopAppBar(title = { Text("Mano pastabos") })
        },
        floatingActionButton = {
            FloatingActionButton(onClick = { /* add note — later lesson */ }) {
                Icon(Icons.Default.Add, contentDescription = "Add note")
            }
        }
    ) { innerPadding ->
        Box(
            modifier = Modifier
                .fillMaxSize()
                .padding(innerPadding),
            contentAlignment = Alignment.Center
        ) {
            Text("Pastabų dar nėra")
        }
    }
}

@Preview(showBackground = true, showSystemUi = true)
@Composable
fun NotesScreenPreview() {
    HelloAndroidTheme {
        NotesScreen()
    }
}