Flutter Cheat Sheet

flutter create my_app

flutter run

flutter build apk --release

flutter build ios --release

flutter pub add package_name

flutter pub get

flutter doctor

flutter clean

Text('Hello', style: TextStyle(fontSize: 20))

Icon(Icons.star, color: Colors.amber)

Image.asset('assets/logo.png')

Image.network('https://...')

ElevatedButton(onPressed: () {}, child: Text('Go'))

TextButton(onPressed: () {}, child: Text('Go'))

IconButton(icon: Icon(Icons.add), onPressed: () {})

TextField(decoration: InputDecoration(labelText: 'Name'))

Switch(value: on, onChanged: (v) {})

Checkbox(value: checked, onChanged: (v) {})

CircularProgressIndicator()

Container(padding: EdgeInsets.all(16), color: Colors.blue)

Padding(padding: EdgeInsets.all(8), child: ...)

Center(child: ...)

Column(children: [w1, w2, w3])

Row(children: [w1, w2, w3])

Stack(children: [bg, overlay])

Expanded(flex: 2, child: ...)

SizedBox(height: 16, width: 200)

Wrap(children: [...])

SingleChildScrollView(child: Column(...))

ListView.builder(itemCount: n, itemBuilder: (c, i) => ...)

GridView.count(crossAxisCount: 2, children: [...])

import 'package:flutter/material.dart';

void main() => runApp(const MaterialApp(home: Greeting()));

class Greeting extends StatelessWidget {
  const Greeting({super.key});

  @override
  Widget build(BuildContext context) {
    return const Scaffold(body: Center(child: Text('Hello')));
  }
}

class MyWidget extends StatefulWidget {
  State<MyWidget> createState() => _S();
}

setState(() { count++; });

@override
void initState() { super.initState(); }

@override
void dispose() { ...; super.dispose(); }

final _controller = TextEditingController();

final count = ValueNotifier<int>(0);

ValueListenableBuilder<int>(
  valueListenable: count,
  builder: (context, value, child) => Text('$value'),
)

late Future<Data> _future;

@override
void initState() {
  super.initState();
  _future = fetch();
}

@override
Widget build(BuildContext context) {
  return FutureBuilder<Data>(
    future: _future,
    builder: (context, snapshot) => ...,
  );
}

StreamBuilder(stream: s, builder: (c, snap) => ...)

Navigator.push(context, MaterialPageRoute(builder: (c) => NextPage()))

Navigator.pop(context)

Navigator.pushNamed(context, '/details')

Navigator.pushReplacement<void, void>(
  context,
  MaterialPageRoute<void>(builder: (_) => NextPage()),
);

final result = await Navigator.push<String>(
  context,
  MaterialPageRoute<String>(builder: (_) => NextPage()),
);
if (!context.mounted) return;

Navigator.pop(context, value);

EdgeInsets.symmetric(horizontal: 16, vertical: 8)

BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(8))

Theme.of(context).textTheme.headlineLarge

MediaQuery.of(context).size.width

MaterialApp(
  theme: ThemeData(
    colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
  ),
)