[노마드코더: Flutter 로 웹툰 앱 만들기] #3.1 Developer Tools

맨 오른쪽 돋보기 버튼을 통해서 이렇게 developer tool을 통해서 구조를 확인할 수 있다

그리고 이 버튼을 누르게 되면, 직접 

위의 아이콘을 누르면 화면에서 구조들을 클릭하며 확인할  수 있다

 

그리고 아래의 아이콘을 클릭하면 

아래와 같이 컬럼/로우들을 보여준다 짱짱

import 'package:flutter/material.dart';

class Player {
  String? name;
  Player();
  //this.name에 들어오는 인자가 name으로 들어갈 것이다
  // name = this.name
}

void main() {
  var nico = Player();

  runApp(App());
}

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
      backgroundColor: Color(0xFF181818),
      body: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 40),
        child: Column(
          children: [
            SizedBox(
              height: 80,
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.end,
              children: [
                Column(
                  crossAxisAlignment: CrossAxisAlignment.end,
                  children: [
                    Text('Hey, Selena',
                        style: TextStyle(
                          fontSize: 30,
                          color: Colors.white,
                          fontWeight: FontWeight.w800,
                        )),
                    Text(
                      'Welcome back',
                      style: TextStyle(
                        color: Colors.white.withOpacity(0.6),
                      ),
                    ),
                  ],
                )
              ],
            )
          ],
        ),
      ),
    ));
  }
}