개발/Flutter

[Flutter] stateless widget

laladev 2024. 7. 23. 13:42

 

Stateless Widget

실행 중에 변하는 데이터(state)가 없는 위젯

 

 

Code Template

아래와 같이 데이터를 가질 수 있고 생성자를 통해 받을 수 있다.

import 'package:flutter/material.dart';

void main() {
  runApp(MyWidget(name: 'Name'));
}

class MyWidget extends StatelessWidget {
  const MyWidget({super.key, required this.name});
  final String name;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My Widget',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
          appBar: AppBar(
            title: Text("My AppBar"),
            actions: [
              IconButton(
                icon: Icon(Icons.person),
                onPressed: () {
                  // Navigate to profile screen
                },
              ),
            ],
          ),
          body: Container(
            child: Text("Hello Widget: ${name}"),
          )),
    );
  }
}