Flutter Cheat Sheet

flutter create my_app

Create new Flutter project

flutter run

Run app on connected device

flutter build apk --release

Build release APK

flutter build ios --release

Build release iOS

flutter pub add package_name

Add a dependency

flutter pub get

Install dependencies

flutter doctor

Check Flutter setup

flutter clean

Clean build artifacts

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

Text widget

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

Icon widget

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

Load local image

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

Load remote image

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

Material raised button

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

Flat text button

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

Icon button

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

Text input field

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

Toggle switch

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

Checkbox

CircularProgressIndicator()

Loading spinner

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

Box with padding and color

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

Wrap with padding

Center(child: ...)

Center a child

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

Vertical stack

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

Horizontal stack

Stack(children: [bg, overlay])

Overlapping children (Z-axis)

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

Fill available space in Row/Column

SizedBox(height: 16, width: 200)

Fixed-size spacer/box

Wrap(children: [...])

Wrap to next line when full

SingleChildScrollView(child: Column(...))

Make content scrollable

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

Scrollable list (lazy)

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

Grid with fixed columns

class MyWidget extends StatelessWidget {
  Widget build(BuildContext c) => ...;
}

Stateless widget

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

Stateful widget

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

Trigger rebuild

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

Init lifecycle hook

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

Cleanup lifecycle hook

final _controller = TextEditingController();

Text field controller

ValueNotifier<int>(0) + ValueListenableBuilder

Simple reactive state

FutureBuilder(future: fetch(), builder: (c, snap) => ...)

Async data widget

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

Stream data widget

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

Push new route

Navigator.pop(context)

Go back

Navigator.pushNamed(context, '/details')

Push named route

Navigator.pushReplacement(context, ...)

Replace current route

final result = await Navigator.push(...); 

Push and wait for result

Navigator.pop(context, value);

Return value when popping

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

Padding shorthand

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

Rounded box

Theme.of(context).textTheme.headlineLarge

Access theme

MediaQuery.of(context).size.width

Screen dimensions

MaterialApp(theme: ThemeData(primarySwatch: Colors.blue))

App with Material theme