๐Ÿ’พ
Home
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (54)
    • ๐Ÿ“šSTUDY (51)
      • ๐Ÿ‘“hololens&MRTK (4)
      • ๐Ÿ“œ3D slicer&DICOM&ImageJ (0)
      • ๐Ÿ‘€ coding test๋Œ€๋น„ (4)
      • ๐Ÿ”ฅPytorch ML&DL (14)
      • ๐Ÿ’พ์ž๋ฃŒ๊ตฌ์กฐ (3)
      • ๐ŸŽซDart&Flutter (6)
      • ๐ŸŽ‡๋‹คํ• (dafit.me) (12)
      • CUDA (1)
      • Etc (7)
    • ๐Ÿ“ƒPAPER (2)
    • ๐Ÿ€DAILY (1)
Home
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (54)
    • ๐Ÿ“šSTUDY (51)
      • ๐Ÿ‘“hololens&MRTK (4)
      • ๐Ÿ“œ3D slicer&DICOM&ImageJ (0)
      • ๐Ÿ‘€ coding test๋Œ€๋น„ (4)
      • ๐Ÿ”ฅPytorch ML&DL (14)
      • ๐Ÿ’พ์ž๋ฃŒ๊ตฌ์กฐ (3)
      • ๐ŸŽซDart&Flutter (6)
      • ๐ŸŽ‡๋‹คํ• (dafit.me) (12)
      • CUDA (1)
      • Etc (7)
    • ๐Ÿ“ƒPAPER (2)
    • ๐Ÿ€DAILY (1)
๋ธ”๋กœ๊ทธ ๋‚ด ๊ฒ€์ƒ‰
GitHub

๐Ÿ’พ

AtoZ; ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ๊ธฐ๋กํ•˜๋ ค๊ณ  ๋…ธ๋ ฅํ•ฉ๋‹ˆ๋‹คโœ

  • ๐Ÿ“šSTUDY/๐ŸŽซDart&Flutter

    [flutter] StatelessWidget / StatefulWidget ์‹ค์Šต

    2021. 2. 6.

    by. ํ•ด๋Š”์„ 

    StatelessWidget ์‹ค์Šต

    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 Demo',
          theme: ThemeData(
            primarySwatch: Colors.blue,
            visualDensity: VisualDensity.adaptivePlatformDensity,
          ),
          home: Scaffold(
            appBar: AppBar(
              title:Text('Hello World'),
            ),
            body: Text(
              'Hello World',
              style: TextStyle(fontSize: 40),
            ),
          )
        );
      }
    }

    stless์˜ ๊ฒฝ์šฐ home์— ๋ฐ”๋กœ ์ž‘์„ฑ์ด ๊ฐ€๋Šฅํ•˜์ง€๋งŒ, ๋ณดํ†ต ๊ฐ€๋…์„ฑ์„ ์œ„ํ•ด ๋ณ„๋„์˜ ํด๋ž˜์Šค๋กœ ๋ถ„๋ฆฌํ•จ.

     

    //๋ณ„๋„์˜ ํด๋ž˜์Šค๋กœ ๋ถ„๋ฆฌํ•œ ๊ฒฝ์šฐ. ์ž‘๋™์€ ์œ„์™€ ๋™์ผ
    
    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 Demo',
          theme: ThemeData(
            primarySwatch: Colors.blue,
            visualDensity: VisualDensity.adaptivePlatformDensity,
          ),
          home: MyHomePage(),
        );
      }
    }
    
    class MyHomePage extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title:Text('Hello World'),
          ),
          body: Text(
            'Hello World',
            style: TextStyle(fontSize: 40),
          ),
        );
      }
    }
    

     

     

     

    StatefulWidget ์‹ค์Šต

    ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ๊ธ€์ž๊ฐ€ ๋ณ€๊ฒฝ๋˜๋Š” ์˜ˆ์ œ.

    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 Demo',
          theme: ThemeData(
            primarySwatch: Colors.blue,
            visualDensity: VisualDensity.adaptivePlatformDensity,
          ),
          home: MyHomePage(),
        );
      }
    }
    
    class MyHomePage extends StatefulWidget {
      @override
      _MyHomePageState createState() => _MyHomePageState();
    }
    
    class _MyHomePageState extends State<MyHomePage> {
      var _text = "Wow";
    
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('Hello world'),
          ),
          body: Text(
            _text,
            style: TextStyle(fontSize: 40),
          ),
          floatingActionButton: FloatingActionButton(
            onPressed: (){
              setState(() {
                _text = "hello!";
              });
            },
            child: Icon(Icons.wb_sunny),
          ),
        );
      }
    }
    

     

     

    ์ €์ž‘์žํ‘œ์‹œ (์ƒˆ์ฐฝ์—ด๋ฆผ)

    '๐Ÿ“šSTUDY > ๐ŸŽซDart&Flutter' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

    [flutter] widget 2 : ํ™”๋ฉด ๋ฐฐ์น˜๋ฅผ ์œ„ํ•œ ๋ ˆ์ด์•„์›ƒ-2  (0) 2021.02.07
    [flutter] widget 1 : ํ™”๋ฉด ๋ฐฐ์น˜๋ฅผ ์œ„ํ•œ ๋ ˆ์ด์•„์›ƒ  (0) 2021.02.07
    [flutter] android studio flutter Widget ์ž๋™์™„์„ฑ  (0) 2021.02.06
    [flutter] flutter ์˜ˆ์ œ ์ฝ”๋“œ ๋ถ„์„ - 1  (0) 2021.02.06
    [์–ธ์–ด] Dart ๋ฌธ๋ฒ• ์ •๋ฆฌ  (2) 2021.01.27

    ๋Œ“๊ธ€

    ๊ด€๋ จ๊ธ€

    • [flutter] widget 2 : ํ™”๋ฉด ๋ฐฐ์น˜๋ฅผ ์œ„ํ•œ ๋ ˆ์ด์•„์›ƒ-2 2021.02.07
    • [flutter] widget 1 : ํ™”๋ฉด ๋ฐฐ์น˜๋ฅผ ์œ„ํ•œ ๋ ˆ์ด์•„์›ƒ 2021.02.07
    • [flutter] android studio flutter Widget ์ž๋™์™„์„ฑ 2021.02.06
    • [flutter] flutter ์˜ˆ์ œ ์ฝ”๋“œ ๋ถ„์„ - 1 2021.02.06
    ๋งจ ์œ„๋กœ
์ „์ฒด ๊ธ€ ๋ณด๊ธฐ
Tistory ๋กœ๊ทธ์ธ
Tistory ๋กœ๊ทธ์•„์›ƒ
๋กœ๊ทธ์•„์›ƒ ๊ธ€์“ฐ๊ธฐ ๊ด€๋ฆฌ

Today

Total

์กฐ๊ธˆ์”ฉ ์ฒœ์ฒœํžˆ

Designed by Nana
๋ธ”๋กœ๊ทธ ์ด๋ฏธ์ง€
ํ•ด๋Š”์„ 
๊ธฐ๋ก์„ ๋‚จ๊ธฐ๋ ค๊ณ  ๋…ธ๋ ฅํ•ฉ๋‹ˆ๋‹ค

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”