

So, for example, if your computer runs Windows, choose Windows as the development target. Tip: We strongly recommend choosing your development device's Operating System as your development target. But you could also choose Windows as the development target, which means your app-in-development runs as a Windows app alongside your editor.
#Flutter ui tutorial android
If you choose Android as your development target, you typically attach an Android device to your Windows laptop with a USB cable, and your app-in-development runs on that attached Android device. This is your "development target"-the operating system that your app runs on during development.įor example, say you're using a Windows laptop to develop a Flutter app. However, it's common practice to choose a single operating system for which you will primarily develop. Your app can run on any of the following operating systems: It's easier to say things like "click here" or "press this key" instead of something like "do the appropriate action in your editor to do X".įlutter is a multi-platform toolkit.
#Flutter ui tutorial code
We recommend using VS Code for this codelab because the instructions default to VS Code-specific shortcuts. Of course it's fine to use any editor you like: Android Studio, other IntelliJ IDEs, Emacs, Vim, or Notepad++. It's free and works on all major platforms. To make this codelab as straightforward as possible, we assume you'll use Visual Studio Code (VS Code) as your development environment. You'll start with a basic scaffold so that you can jump straight to the interesting parts.Īnd here is Filip taking you through the whole codelab! Achieving a consistent look & feel of your app.Making your app responsive (for different screens).Connecting user interactions (like button presses) to app behavior.The app is responsive to different screen sizes.

The user can ask for the next name, favorite the current one, and review the list of favorited names on a separate page.

The application generates cool-sounding names, such as "newstay", "lightstream", "mainbrake", or "graypine". In this codelab, you will build the following Flutter application: Flutter is Google's UI toolkit for building applications for mobile, web, and desktop from a single codebase.
