Flutter(dart)

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
theme:ThemeData(primarySwatch:Colors.blue,
     home: Scaffold( ··· );
      ),
    );
  }
}

class MyHomePage extends StatefulWidget {

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: ···,
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}

  class MyHomePage extends StatefulWidget {
    @override
    _MyHomePageState createState() => new _MyHomePageState();
  }

@override
initState() {
  // 부모의 initState호출
  super.initState();
  // 이 클래스애 리스너 추가
  cartItemStream.listen((data) {
    _updateWidget(data);
  });
}s

@override
void didUpdateWidget(Widget oldWidget) {
  if (oldWidget.importantProperty != widget.importantProperty) {
    _init();
  }
}

void updateProfile(String name) {
 setState(() => this.name = name);
}

body: Row(
 children:[
   Flexible(child: Container( width: )),
   Container()
 ]
)
children:[
  Flexible(child: Container(color: Colors.blue  ), flex: 3,),
  Flexible(child: Container(color: Colors.green  ), flex: 7,),
]
//=>이런식으로 css를 줄수있고 박스 2개를 3:7로 나눈다.
children:[
  Expanded(child: Container(color: Colors.blue  )),
  Container(width: 100, color: Colors.green  ),
]
//=>Expanded는 flex:1을 가진박스랑 똑같다.

 int
  Double
  Num
  Bool
  String
  List
  Set
  Map
  dynamic

  dynamic some =9;
  some = 'apple'
  ㄴ> 다이나믹으로 선언해주면 모든 형식타입을 허용한다.
  String name;
Int age;
List<int> number = [0,1,2]
Map<String, int> score = {
    ‘en’: 100,
    ‘math’: 90,
}
String greet(){
    print(‘hello’);
    return ‘hello’;

}

 ~/
 print(55~2) // 27

 As
 ㄴ>강제 형변환 키워드로 
 부모 타입 객체를 자식 타입 객체로 다운캐스팅 할떄 사용한다.
 int n = 34;
 double m = n as double;

 Is/is!      Age is int.    / age is! Num
 ㄴ> 타입을 확인해 true / false를 반환

 Name?.length
 ㄴ> 널인경우 에러를막고 값을 할당시킨다.

 Name ?? 20
 ㄴ> name이 null이면 20을 반환 값이 있으면 그 값을 반환.

 스프레드 연산자
 Var a = [1,2,3];
 Var b = […a,4,5];

 String see(String name){
 return ‘Hi $name’;
 }
  또는
 String see(String name) => ‘hi $name’;

 Named parameter
 {{}}파라미터를 중괄호로 감싸면 파라미터를 전달할수있다.
 Void introduce({required String name, required int age}){

 }

 Optional parameter
 []대괄호로 감싸면 선택형 인자를 설정할수있다.
 Void inroduces(String name, int age, [String? food]) {

 }

 Default parameter
 Void inroduce(String name, int age, [String food = ‘whole’]){

 }

기본값 초기화 없이 선언하는 변수는 null값에 대한 안정성을 보장하기 위해서
타입을 nullable과 non-nullable로 구분해줘야한다.

*Nullable
일반 타입 뒤에 물음표를 붙여주면 해당 변수는 타입 또는 null이 될수있음을 나타낸다. 초기화없이 사용하면 null값으로 할당된다.

void main() {
  String? name;
  int? age;
  bool? student;

  print(name)	//null
}

*non-nullable
물음표없이 일반 타입으로 사용하면 자동적으로 nul이 될수없는 값으로 인식된다.
사용전에 반드시 초기값을 할당해줘야한다.

Var list = [1,2,3,4];
Var newList = list;
print(newList);

Var spreadList = [10, …list, 100];

print(spreadList);

return MaterialApp(
home: Scaffold(
  appBar: AppBar(title: Text(‘앱이다.’)),
  body: Container(),
  bottomNavigationBar: BottomAppBar(
  child: Text('asdfdee')),
)

  body: Row(
  mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
  children: [ ], 

: TextButton(child: Text(), onPressed: (){},)
안에는 2가지 옵션은 꼭 들어가야된다.  
/ IconButton() /  ElevatedButton()
이렇게 3가지를 쓸수있다.

1)TextButton
child: TextButton(
  child: Text('글자'), 
  onPressed: (){},)

AppBar(
    leading: Icon(Icons.star),
    Title: text(‘앱이다.’),
    actions: [Icon(Icons.star), Icon(Icons.star)]

),

	

 @override
 함수를 쓰면서 중복되었을때 
 내꺼 먼저 써달라는 기호이다.

 1)
 return MaterialApp(
         home: Scaffold(
           appBar: AppBar(),
           body: ShopItem()
         )
     );
   }
 }

 class ShopItem extends StatelessWidget {
   const ShopItem({Key? key}) : super(key: key);
   @override
   Widget build(BuildContext context) {
     return  SizedBox(
       child: Text('안녕'),
     );
   }
 }

 2)변수로 선언해줘도 a 라고 써주면 사용 가능하다.
 But 실시간으로 바뀌는 데이터들은 저렇게 변수 선언해서
 사용하면 버그가 많이 생긴다.

 var a = SizedBox(
   child: Text('안녕'),
 );

 class MyApp extends StatelessWidget {
   const MyApp({Key? key}) : super(key: key);

   @override
   Widget build(BuildContext context) {
     return MaterialApp(
         home: Scaffold(
           appBar: AppBar(),
           body: a
         )
     );
   }
 }