Book Image

Android UI Development with Jetpack Compose

By : Thomas Künneth
Book Image

Android UI Development with Jetpack Compose

By: Thomas Künneth

Overview of this book

Jetpack Compose is Android’s new framework for building fast, beautiful, and reliable native user interfaces. It simplifies and significantly accelerates UI development on Android using the declarative approach. This book will help developers to get hands-on with Jetpack Compose and adopt a modern way of building Android applications. The book is not an introduction to Android development, but it will build on your knowledge of how Android apps are developed. Complete with hands-on examples, this easy-to-follow guide will get you up to speed with the fundamentals of Jetpack Compose such as state hoisting, unidirectional data flow, and composition over inheritance and help you build your own Android apps using Compose. You'll also cover concepts such as testing, animation, and interoperability with the existing Android UI toolkit. By the end of the book, you'll be able to write your own Android apps using Jetpack Compose.
Table of Contents (16 chapters)
1
Part 1:Fundamentals of Jetpack Compose
5
Part 2:Building User Interfaces
10
Part 3:Advanced Topics

Conventions used

There are a number of text conventions used throughout this book.

Code in text: Indicates code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles. Here is an example: "If you have already cloned or downloaded the repository of this book, its project folder is located inside chapter_01."

A block of code is set as follows:

@Composable 
fun Greeting(name: String) { 
  Text( 
    text = stringResource(id = R.string.hello, name), 
    textAlign = TextAlign.Center, 
    style = MaterialTheme.typography.subtitle1 
  ) 
}

When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:

TextField( 
  value = name.value, 
  onValueChange = { 
    name.value = it 
  },

Bold: Indicates a new term, an important word, or words that you see onscreen. For instance, words in menus or dialog boxes appear in bold. Here is an example: "After you have entered your name and clicked on the Done button, you will see a greeting message."

Tips or important notes

Appear like this.