اصول ویجت ها در Flutter – Community

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Stateless Widget')),
        body: Center(
          child: Text('Halo, Flutter!'),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  int counter = 0;

  void incrementCounter() {
    setState(() {
      counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Stateful Widget')),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text('Counter: $counter', style: TextStyle(fontSize: 20)),
              SizedBox(height: 20),
              ElevatedButton(
                onPressed: incrementCounter,
                child: Text('Tambah'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Text('Halo, Flutter!', style: TextStyle(fontSize: 20, color: Colors.blue))

Container(
  width: 100,
  height: 100,
  color: Colors.blue,
  child: Center(child: Text('Kotak')),
)

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    Icon(Icons.star, color: Colors.yellow),
    SizedBox(width: 10),
    Text('Rating: 5.0')
  ],
)

ElevatedButton(
  onPressed: () => print('Tombol ditekan!'),
  child: Text('Klik Saya'),
)

Image.asset('assets/logo.png', width: 100, height: 100)