Play Store submission in Android Kotlin - Mini App: Build & Ship

Build: Play Store Submission Guide

This screen guides the user through the steps to prepare and submit an Android app to the Google Play Store.

Target UI

----------------------------------
| Play Store Submission Guide    |
|--------------------------------|
| 1. Prepare app release          |
| 2. Create app listing           |
| 3. Upload APK or AAB            |
| 4. Set pricing & distribution   |
| 5. Review and publish           |
|                                |
| [Start Submission]             |
----------------------------------

Display a list of 5 submission steps with short titles

Show a button labeled 'Start Submission' at the bottom

When the button is tapped, show a simple Toast message 'Submission started!'

Use a vertical layout with clear spacing

Use Material Design components

Starter Code

Android Kotlin

package com.example.playstoresubmission

import android.os.Bundle
import android.widget.Toast
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.height
import androidx.compose.material3.Button
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MaterialTheme {
                Surface(modifier = Modifier.padding(16.dp)) {
                    SubmissionScreen(onStartClick = {
                        // TODO: Show Toast message here
                    })
                }
            }
        }
    }
}

@Composable
fun SubmissionScreen(onStartClick: () -> Unit) {
    Column {
        // TODO: Add list of steps here
        Spacer(modifier = Modifier.height(24.dp))
        Button(onClick = onStartClick) {
            Text(text = "Start Submission")
        }
    }
}

Task 1

Task 2

Solution

Android Kotlin

package com.example.playstoresubmission

import android.os.Bundle
import android.widget.Toast
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.height
import androidx.compose.material3.Button
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.platform.LocalContext
import androidx.compose.ui.unit.dp

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MaterialTheme {
                Surface(modifier = Modifier.padding(16.dp)) {
                    SubmissionScreen(onStartClick = {
                        Toast.makeText(this, "Submission started!", Toast.LENGTH_SHORT).show()
                    })
                }
            }
        }
    }
}

@Composable
fun SubmissionScreen(onStartClick: () -> Unit) {
    val steps = listOf(
        "1. Prepare app release",
        "2. Create app listing",
        "3. Upload APK or AAB",
        "4. Set pricing & distribution",
        "5. Review and publish"
    )
    Column {
        for (step in steps) {
            Text(text = step, style = MaterialTheme.typography.bodyLarge, modifier = Modifier.padding(vertical = 4.dp))
        }
        Spacer(modifier = Modifier.height(24.dp))
        Button(onClick = onStartClick) {
            Text(text = "Start Submission")
        }
    }
}

This app screen uses Jetpack Compose to show a vertical list of the 5 main steps for submitting an app to the Play Store. Each step is a Text composable with some vertical padding for spacing. Below the list is a Material Design Button labeled "Start Submission". When the user taps the button, a Toast message "Submission started!" appears briefly at the bottom of the screen. The layout uses a Column with padding around the edges for a clean look. This simple UI helps beginners understand how to build a list and handle button clicks in Android Kotlin Compose.

Final Result

Completed Screen

----------------------------------
| Play Store Submission Guide    |
|--------------------------------|
| 1. Prepare app release          |
| 2. Create app listing           |
| 3. Upload APK or AAB            |
| 4. Set pricing & distribution   |
| 5. Review and publish           |
|                                |
| [Start Submission]             |
----------------------------------

User taps 'Start Submission' button

A Toast message 'Submission started!' appears briefly at the bottom

Stretch Goal

Add a dark mode toggle switch that changes the app theme between light and dark

💡 Hint

Use a state variable to track dark mode and MaterialTheme's colorScheme to switch themes dynamically