Mobile Application Cheat Sheet

A Programming › Programming cheat sheet in English by bausac16

NVS Cheatsheet for Mobile Application

19,326 views 2,772 downloads 4 Mar 2020 History

General inform­ation

Flutter is a Open Source Develo­pme­nt-Kit from Google. It is used to create apps for Android, iOS, Windows, macOS, Linux, Google Fuchsia and the Web.
Flutter applic­ations are written in Dart and use many functions of this language.

Hello World

import 'package:flutter/material.dart';

void main() => runApp(HelloWorldApp());

class HelloWorldApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Hello World App',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Hello World App'),
        ),
        body: Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}

Icon

import 'package:flutter/material.dart';

 
void main() => runApp(MyApp());
 

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Icon Tutorial',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}
 

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}
 

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('TutorialKart - Icon Tutorial'),
      ),
      body: Column(children: <Widget>[
        Center(child: Icon(Icons.directions_transit)),
      ]),
    );
  }
}

Comments (1)

shakiestnerd 16:31 3 Feb 2023

Happy to see your cheat sheet. I'd like to see more. It would be great to expand this some more to include resources for learning flutter and dart. Thanks for creating.

Reply

Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.