전혀 모르는 녀석이 Flutter에 대해 조금 정리해 보았다!

거꾸로 구성에 대해 조사해 본다.


  • 화면이 Widget 의 즉으로 만들어져 있다. 트리 구조로 완성되었습니다 (이하)


  • lib 파일 안에 .dart 파일을 넣습니다
  • 파일 늘어나면, 분할해 주면 좋다.

  • 알기 쉽게 정리한 페이지 (참고해보십시오)

    StatefulWidget과 StatelessWidget의 차이점



    StatefulWidget


  • 위젯의 생존 기간 동안 변경되는 값을 유지할 수 있습니다. (동적 화면을 만들 수 있다고 생각한다)
  • 구현하려면 Stateクラスのインスタンスを作成するStatefulWidgetクラスStateクラス가 필요합니다. 어쩌면 이런 느낌이라고 생각 ....
  • 
    void main() {
      runApp(MyApp());
    }
    
    class MyApp extends StatefulWidget {
    @override
    _Myappstate createState() => _Myappstate();
    
    class _Myappstate extends State<MyApp> {
    @override
    Widget build(BuildContext context){
    return MaterialApp( ..... //ここでウィジェットを作って返す(省略)
    }
    

    StatelessWidget


  • 취급하는 모든 값은 불변적이며 속성을 변경할 수 없습니다.
  • 모두 값이 final인 취급이 된다. (고정 값?)
  • 간단한 단어로 정적 위젯 (?)
  • 제일 큰 틀의 부분으로 변경할 필요가 없다면, StatelessWidget 로 만들어 봐도 좋을까라고 생각했다!
  • 
    class MyApp extends StatelessWidget {
      final String text;
    
      SampleStatelessClass({@required this.text});
    
      @override
      Widget build(BuildContext context) {
        return Container(
          child: Center(
            child: Text(text),
          ),
        );
      }
    }
    

    뭔가 어렵다고 느꼈다.


  • state<MyApp> 를 계승해 구현하지 않으면 안 되는 곳! (이 근처 아직 이해할 수 없다)
  • widget 종류 많음
  • 조사하면 영어가 많다
  • 부품을 모아서 하나의 화면을 만드는 것이 의외로 어렵다.

  • 마지막으로



    지금까지, 독학으로 Web를 공부해 왔습니다만, 스마트폰 어플리의 개발은 뭔가, 네스트가 깊어져 갈 것 같은 예감이 했습니다. .
    보다 알기 쉬운 코드를 쓰는 연습을 하지 않으면!
    이상! 앞으로도 정진하겠습니다! !

    좋은 웹페이지 즐겨찾기