

<!DOCTYPE html>

<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">

  <link rel="stylesheet" href="/kotlin-guide-tutorial/assets/css/just-the-docs-default.css">

  <link rel="stylesheet" href="/kotlin-guide-tutorial/assets/css/just-the-docs-head-nav.css" id="jtd-head-nav-stylesheet">

  <style id="jtd-nav-activation">
  
    .site-nav ul li a {
      background-image: none;
    }

  </style>

  

  
    <script src="/kotlin-guide-tutorial/assets/js/vendor/lunr.min.js"></script>
  

  <script src="/kotlin-guide-tutorial/assets/js/just-the-docs.js"></script>

  <meta name="viewport" content="width=device-width, initial-scale=1">

  



  <!-- Begin Jekyll SEO tag v2.9.0 -->
<title>Kotlin &amp; Android Programming Guide | A comprehensive guide for Kotlin programming - from beginner to advanced. Learn the language fundamentals, OOP, collections, functional style, coroutines, and modern Android app development with Jetpack Compose.</title>
<meta name="generator" content="Jekyll v4.4.1" />
<meta property="og:title" content="Kotlin &amp; Android Programming Guide" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="A comprehensive guide for Kotlin programming - from beginner to advanced. Learn the language fundamentals, OOP, collections, functional style, coroutines, and modern Android app development with Jetpack Compose." />
<meta name="twitter:description" property="og:description" content="A comprehensive guide for Kotlin programming - from beginner to advanced. Learn the language fundamentals, OOP, collections, functional style, coroutines, and modern Android app development with Jetpack Compose." />
<link rel="canonical" href="/kotlin-guide-tutorial/assets/css/just-the-docs-head-nav.css" />
<meta property="og:url" content="/kotlin-guide-tutorial/assets/css/just-the-docs-head-nav.css" />
<meta property="og:site_name" content="Kotlin &amp; Android Programming Guide" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Kotlin &amp; Android Programming Guide" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebPage","description":"A comprehensive guide for Kotlin programming - from beginner to advanced. Learn the language fundamentals, OOP, collections, functional style, coroutines, and modern Android app development with Jetpack Compose.","headline":"Kotlin &amp; Android Programming Guide","url":"/kotlin-guide-tutorial/assets/css/just-the-docs-head-nav.css"}</script>
<!-- End Jekyll SEO tag -->


  <!-- Favicon: the Kotlin logo -->
<link rel="icon" type="image/svg+xml" href="/kotlin-guide-tutorial/assets/kotlin-logo.svg">

<!-- Text site title with the Kotlin logo icon; keep the long title compact -->
<style>
  .site-title {
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    height: auto !important;
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
    white-space: normal !important;
  }
  .site-title::before {
    content: "";
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 0.5rem;
    vertical-align: -0.25rem;
    background-image: url("/kotlin-guide-tutorial/assets/kotlin-logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
  }
  @media (min-width: 50rem) {
    .site-title {
      font-size: 1rem !important;
    }
  }
</style>

<!-- Table styling for better visibility in dark mode -->
<style>
  /* Table borders - visible in dark mode */
  table {
    border-collapse: collapse !important;
    border: 1px solid #6b7280 !important;
  }

  table th,
  table td {
    border: 1px solid #6b7280 !important;
    padding: 8px 12px !important;
  }

  /* Table header - slightly different background */
  table th {
    background-color: rgba(107, 114, 128, 0.3) !important;
    font-weight: 600 !important;
  }

  /* Alternating row colors for readability */
  table tbody tr:nth-child(even) {
    background-color: rgba(107, 114, 128, 0.1) !important;
  }

  /* Hover effect */
  table tbody tr:hover {
    background-color: rgba(107, 114, 128, 0.2) !important;
  }
</style>

<!-- Mermaid diagrams with paper-like background -->
<style>
  /* Mermaid container - paper-like background */
  .mermaid,
  pre.mermaid,
  .language-mermaid,
  code.language-mermaid {
    background-color: #f0ebe2 !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin: 16px 0 !important;
    display: block !important;
  }

  /* All text in Mermaid - dark gray */
  .mermaid text,
  .mermaid tspan,
  .mermaid .nodeLabel,
  .mermaid .label,
  .mermaid .edgeLabel,
  .mermaid .cluster-label,
  .mermaid .messageText,
  .mermaid .loopText,
  .mermaid .noteText,
  .mermaid .labelText,
  .mermaid .actor {
    fill: #2c3e50 !important;
    color: #2c3e50 !important;
  }

  /* All lines and arrows - dark gray */
  .mermaid path,
  .mermaid .edgePath path,
  .mermaid .flowchart-link,
  .mermaid .messageLine0,
  .mermaid .messageLine1,
  .mermaid .relation {
    stroke: #4a5568 !important;
  }

  /* Sequence diagram actor lifelines - force visible */
  line[id^="actor"] {
    stroke: #000000 !important;
    stroke-width: 0.5px !important;
  }

  /* Sequence diagram message lines */
  .mermaid .messageText {
    fill: #2c3e50 !important;
  }

  .mermaid .messageLine0,
  .mermaid .messageLine1 {
    stroke: #4a5568 !important;
    stroke-width: 1.5px !important;
  }

  .mermaid marker path,
  .mermaid .arrowheadPath {
    fill: #4a5568 !important;
    stroke: #4a5568 !important;
  }

  /* Node backgrounds - paper tones */
  .mermaid .node rect,
  .mermaid .node circle,
  .mermaid .node ellipse,
  .mermaid .node polygon,
  .mermaid .node path {
    fill: #c5c0b8 !important;
    stroke: #8a8578 !important;
  }

  /* Cluster backgrounds */
  .mermaid .cluster rect {
    fill: #cac5bd !important;
    stroke: #8a8578 !important;
  }

  /* Actor boxes in sequence diagrams */
  .mermaid .actor-box,
  .mermaid rect.actor {
    fill: #c5c0b8 !important;
    stroke: #8a8578 !important;
  }

  /* Notes - slightly warmer */
  .mermaid .note {
    fill: #ddd8c8 !important;
    stroke: #a89878 !important;
  }

  /* Mindmap nodes */
  .mermaid .mindmap-node rect,
  .mermaid .mindmap-node circle {
    fill: #c5c0b8 !important;
    stroke: #8a8578 !important;
  }

  .mermaid .mindmap-edges path {
    stroke: #4a5568 !important;
    stroke-width: 2px !important;
  }
</style>

<!-- Fix sequence diagram lifelines after mermaid renders -->
<script>
(function() {
  function fixActorLines() {
    var lines = document.querySelectorAll('line[id^="actor"]');
    for (var i = 0; i < lines.length; i++) {
      lines[i].setAttribute('stroke', '#000000');
      lines[i].setAttribute('stroke-width', '0.5px');
    }
  }

  if (document.readyState === 'complete') {
    setTimeout(fixActorLines, 500);
    setTimeout(fixActorLines, 1500);
  } else {
    window.addEventListener('load', function() {
      setTimeout(fixActorLines, 500);
      setTimeout(fixActorLines, 1500);
      setTimeout(fixActorLines, 3000);
    });
  }
})();
</script>


</head>

<body>
  <a class="skip-to-main" href="#main-content">Skip to main content</a>
  <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
  <symbol id="svg-link" viewBox="0 0 24 24">
  <title>Link</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link">
    <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
  </svg>
</symbol>

  <symbol id="svg-menu" viewBox="0 0 24 24">
  <title>Menu</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu">
    <line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line>
  </svg>
</symbol>

  <symbol id="svg-arrow-right" viewBox="0 0 24 24">
  <title>Expand</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right">
    <polyline points="9 18 15 12 9 6"></polyline>
  </svg>
</symbol>

  <!-- Feather. MIT License: https://github.com/feathericons/feather/blob/master/LICENSE -->
<symbol id="svg-external-link" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link">
  <title id="svg-external-link-title">(external link)</title>
  <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line>
</symbol>

  
    <symbol id="svg-doc" viewBox="0 0 24 24">
  <title>Document</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file">
    <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline>
  </svg>
</symbol>

    <symbol id="svg-search" viewBox="0 0 24 24">
  <title>Search</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
    <circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>
  </svg>
</symbol>

  
  
    <!-- Bootstrap Icons. MIT License: https://github.com/twbs/icons/blob/main/LICENSE.md -->
<symbol id="svg-copy" viewBox="0 0 16 16">
  <title>Copy</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
    <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
    <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
  </svg>
</symbol>
<symbol id="svg-copied" viewBox="0 0 16 16">
  <title>Copied</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-check-fill" viewBox="0 0 16 16">
    <path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z"/>
    <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1Zm6.854 7.354-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708.708Z"/>
  </svg>
</symbol>

  
</svg>

  
    <header class="side-bar">
  <div class="site-header">
    <a href="/kotlin-guide-tutorial/" class="site-title lh-tight">
  Kotlin & Android Programming Guide

</a>
    <button id="menu-button" class="site-button btn-reset" aria-label="Menu" aria-expanded="false">
      <svg viewBox="0 0 24 24" class="icon" aria-hidden="true"><use xlink:href="#svg-menu"></use></svg>
    </button>
  </div>

  <nav aria-label="Main" id="site-nav" class="site-nav">
  
  
    <ul class="nav-list"><li class="nav-list-item"><a href="/kotlin-guide-tutorial/" class="nav-list-link">Home</a></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Part 1: Getting Started submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/kotlin-guide-tutorial/part1/" class="nav-list-link">Part 1: Getting Started</a><ul class="nav-list"><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part1/01-introduction.html" class="nav-list-link">Introduction to Kotlin</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part1/02-setup.html" class="nav-list-link">Setting Up Your Environment</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part1/03-kotlin-playground.html" class="nav-list-link">Kotlin Playground</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part1/04-build-tools.html" class="nav-list-link">Build Tools & the Compiler</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part1/05-hello-world.html" class="nav-list-link">Hello, World!</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Part 2: Language Basics submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/kotlin-guide-tutorial/part2/" class="nav-list-link">Part 2: Language Basics</a><ul class="nav-list"><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part2/01-variables-and-types.html" class="nav-list-link">Variables & Types</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part2/02-strings.html" class="nav-list-link">Strings</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part2/03-null-safety.html" class="nav-list-link">Null Safety</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part2/04-control-flow.html" class="nav-list-link">Control Flow</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part2/05-functions.html" class="nav-list-link">Functions</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Part 3: OOP & Functions submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/kotlin-guide-tutorial/part3/" class="nav-list-link">Part 3: OOP & Functions</a><ul class="nav-list"><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part3/01-classes.html" class="nav-list-link">Classes & Properties</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part3/02-visibility.html" class="nav-list-link">Visibility & Packages</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part3/03-inheritance-interfaces.html" class="nav-list-link">Inheritance & Interfaces</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part3/04-data-enum-sealed.html" class="nav-list-link">Data, Enum & Sealed Classes</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part3/05-objects.html" class="nav-list-link">Objects & Companions</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part3/06-extensions.html" class="nav-list-link">Extension Functions</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Part 4: Collections & Generics submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/kotlin-guide-tutorial/part4/" class="nav-list-link">Part 4: Collections & Generics</a><ul class="nav-list"><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part4/01-collections.html" class="nav-list-link">Collections</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part4/02-operations.html" class="nav-list-link">Collection Operations</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part4/03-sequences.html" class="nav-list-link">Sequences</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part4/04-generics.html" class="nav-list-link">Generics</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part4/05-variance.html" class="nav-list-link">Variance & Reified Types</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Part 5: Functional & Advanced submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/kotlin-guide-tutorial/part5/" class="nav-list-link">Part 5: Functional & Advanced</a><ul class="nav-list"><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part5/01-lambdas-hof.html" class="nav-list-link">Lambdas & Higher-Order Functions</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part5/02-scope-functions.html" class="nav-list-link">Scope Functions</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part5/03-delegation.html" class="nav-list-link">Delegation</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part5/04-operators.html" class="nav-list-link">Operator Overloading</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part5/05-dsls.html" class="nav-list-link">Type-Safe Builders (DSLs)</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part5/06-exceptions-reflection.html" class="nav-list-link">Exceptions & Reflection</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Part 6: Coroutines & Concurrency submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/kotlin-guide-tutorial/part6/" class="nav-list-link">Part 6: Coroutines & Concurrency</a><ul class="nav-list"><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part6/01-suspend-builders.html" class="nav-list-link">Suspend Functions & Builders</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part6/02-scopes-dispatchers.html" class="nav-list-link">Scopes, Context & Dispatchers</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part6/03-structured-concurrency.html" class="nav-list-link">Structured Concurrency</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part6/04-flow.html" class="nav-list-link">Asynchronous Streams with Flow</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part6/05-channels.html" class="nav-list-link">Channels</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part6/06-testing-coroutines.html" class="nav-list-link">Testing Coroutines</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Part 7: Android Foundations submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/kotlin-guide-tutorial/part7/" class="nav-list-link">Part 7: Android Foundations</a><ul class="nav-list"><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part7/01-android-setup.html" class="nav-list-link">Android Setup & App Anatomy</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part7/02-lifecycle.html" class="nav-list-link">Activity Lifecycle</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part7/03-ui-compose-intro.html" class="nav-list-link">UI & Jetpack Compose</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part7/04-android-kotlin-idioms.html" class="nav-list-link">Kotlin Idioms for Android</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part7/05-coroutines-on-android.html" class="nav-list-link">Coroutines on Android</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Part 8: Advanced Android App Development submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/kotlin-guide-tutorial/part8/" class="nav-list-link">Part 8: Advanced Android App Development</a><ul class="nav-list"><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part8/01-architecture.html" class="nav-list-link">App Architecture</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part8/02-compose-advanced.html" class="nav-list-link">Advanced Compose</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part8/03-navigation.html" class="nav-list-link">Navigation</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part8/04-viewmodel-state.html" class="nav-list-link">ViewModel & State Management</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part8/05-room.html" class="nav-list-link">Local Persistence with Room</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part8/06-networking.html" class="nav-list-link">Networking</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part8/07-hilt-di.html" class="nav-list-link">Dependency Injection with Hilt</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part8/08-workmanager.html" class="nav-list-link">Background Work with WorkManager</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part8/09-modularization.html" class="nav-list-link">Modularization & Build Variants</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part8/10-testing.html" class="nav-list-link">Testing</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part8/11-performance.html" class="nav-list-link">Performance & Best Practices</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Part 9: Real-World Projects submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/kotlin-guide-tutorial/part9/" class="nav-list-link">Part 9: Real-World Projects</a><ul class="nav-list"><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part9/01-cli-capstone.html" class="nav-list-link">CLI Capstone: Text Stats</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/part9/02-android-capstone.html" class="nav-list-link">Android Capstone: Articles App</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Appendices submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/kotlin-guide-tutorial/appendices/" class="nav-list-link">Appendices</a><ul class="nav-list"><li class="nav-list-item"><a href="/kotlin-guide-tutorial/appendices/glossary.html" class="nav-list-link">Glossary</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/appendices/references.html" class="nav-list-link">References</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/appendices/further-resources.html" class="nav-list-link">Further Resources & Next Steps</a></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/appendices/troubleshooting.html" class="nav-list-link">Troubleshooting</a></li></ul></li><li class="nav-list-item"><a href="/kotlin-guide-tutorial/examples/" class="nav-list-link">Examples & Exercises</a></li></ul>
  <ul class="nav-list"><li class="nav-list-item external">
          <a href="https://kotlinlang.org/docs/home.html" class="nav-list-link external"
            
          >
            Kotlin Docs
            <svg viewBox="0 0 24 24" aria-labelledby="svg-external-link-title"><use xlink:href="#svg-external-link"></use></svg>
          </a>
        </li><li class="nav-list-item external">
          <a href="https://developer.android.com/" class="nav-list-link external"
            
          >
            Android Developers
            <svg viewBox="0 0 24 24" aria-labelledby="svg-external-link-title"><use xlink:href="#svg-external-link"></use></svg>
          </a>
        </li><li class="nav-list-item external">
          <a href="https://github.com/JetBrains/kotlin" class="nav-list-link external"
            
          >
            Kotlin on GitHub
            <svg viewBox="0 0 24 24" aria-labelledby="svg-external-link-title"><use xlink:href="#svg-external-link"></use></svg>
          </a>
        </li></ul>
</nav>


<div class="d-md-block d-none site-footer">
  
  
    This site uses <a href="https://github.com/just-the-docs/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll.
  
  </div>
</header>

  
  <div class="main" id="top">
    <div id="main-header" class="main-header">
  
    

<div class="search" role="search">
  <div class="search-input-wrap">
    <input type="text" id="search-input" class="search-input" tabindex="0" placeholder="Search Kotlin & Android Programming Guide" autocomplete="off">
    <label for="search-input" class="search-label">
      <span class="sr-only">Search Kotlin & Android Programming Guide</span>
      <svg viewBox="0 0 24 24" class="search-icon" aria-hidden="true"><use xlink:href="#svg-search"></use></svg>
    </label>
  </div>
  <div id="search-results" class="search-results"></div>
</div>

  
  
  
    <nav aria-label="Auxiliary" class="aux-nav">
  <ul class="aux-nav-list">
    
      <li class="aux-nav-list-item">
        <a href="https://github.com/MichaelTien8901/kotlin-guide-tutorial" class="site-button"
          
          target="_blank" rel="noopener noreferrer"
          
        >
          Kotlin Guide GitHub
        </a>
      </li>
    
  </ul>
</nav>

  
</div>

    <div class="main-content-wrap">
      
      <div id="main-content" class="main-content">
        <main>
          
            <h.site-nav ul li a {
  background-image: linear-gradient(-90deg, rgb(31.6333333333, 30.8222222222, 34.8777777778) 0%, rgba(31.6333333333, 30.8222222222, 34.8777777778, 0.8) 80%, rgba(31.6333333333, 30.8222222222, 34.8777777778, 0) 100%);
}

          

          
            
          
        </main>
        
<hr>
<footer>
  
    <p><a href="#top" id="back-to-top">Back to top</a></p>
  

  <p class="text-small mb-0">Kotlin & Android Programming Guide is not affiliated with JetBrains or Google. Content is provided for educational purposes.</p>

  <div class="d-md-none mt-4 fs-2">
    
    
      This site uses <a href="https://github.com/just-the-docs/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll.
    
  </div>
</footer>

      </div>
    </div>
    
      

<div class="search-overlay"></div>

    
  </div>

  
    





<script type="module">
  
  import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10.6.0/dist/mermaid.esm.min.mjs';
  

  var config = {
  startOnLoad: false,
  securityLevel: 'loose',
  theme: 'base',
  themeVariables: {
    background: '#f0ebe2',
    mainBkg: '#ede8df',
    primaryColor: '#ede8df',
    primaryTextColor: '#1a1a1a',
    primaryBorderColor: '#6b6558',
    secondaryColor: '#e5dfd3',
    secondaryTextColor: '#1a1a1a',
    secondaryBorderColor: '#6b6558',
    tertiaryColor: '#f5f0e5',
    tertiaryTextColor: '#1a1a1a',
    tertiaryBorderColor: '#7a7366',
    lineColor: '#2a2a2a',
    textColor: '#1a1a1a',
    nodeBkg: '#ede8df',
    nodeTextColor: '#1a1a1a',
    nodeBorder: '#6b6558',
    clusterBkg: '#e5dfd3',
    clusterBorder: '#6b6558',
    noteBkgColor: '#f5f0e5',
    noteTextColor: '#1a1a1a',
    noteBorderColor: '#7a7366',
    actorBkg: '#ede8df',
    actorBorder: '#6b6558',
    actorTextColor: '#1a1a1a',
    actorLineColor: '#2a2a2a',
    signalColor: '#2a2a2a',
    signalTextColor: '#1a1a1a',
    labelTextColor: '#1a1a1a',
    edgeLabelBackground: '#f0ebe2'
  },
  flowchart: {
    useMaxWidth: true,
    htmlLabels: true,
    curve: 'basis',
    diagramPadding: 8
  }
}
;
  mermaid.initialize(config);
  mermaid.run({
    querySelector: '.language-mermaid',
  });
</script>



  
</body>
</html>

