Göm menyn

Laboration 1 - Layout in Kotlin+xml,Flutter och React-Native

Purpose

A layout defines the visual structure of a user interface.You can declare a layout in several different ways in this exercise we will work with:

  • Create interface elements in 3 different frameworks
  • Create interface elements in both code and declaratively
Android gives you the opportunity to use several different ways to create interfaces.In this laboratory work, exercise on creating the same layout in three different frameworks, this to try some different approaches.
Getting started with Android Studio at IDA

Task

You should recreate the following user interface for Android in three copies, one for each framework Kotlin+XML, React Native, and Flutter (you should only the create user interface, not any functionality).Your solution for Kotlin+XML should be declarative, that is, your layout should be created in XML. (You do not need to use the exact same image)

User interface 1

Presenting your work

Demonstrate your your user interfaces for the lab assistant , the assistant can ask you explain parts of the code.The assistant tells you how they wants you to submit your code.

Links

Android utveckling (Good starting point.)
Layout on android
Flutter
React-Native
Flexbox Froggy, learn Flexbox

Sidansvarig: Anders Fröberg
Senast uppdaterad: 2021-11-04