제6회 Flutter 모쿠모쿠회 @Zoom 실시 리포트(Flutter 테마 설정편)

6966 단어 공부회DartFlutter

소개



2020년 6월 28일에 Zoom에서 Flutter 모쿠모쿠 모임을 실시했으므로,
그 보고서가됩니다. 개인 소감 메인입니다.
뭔가 의견 등 있으면 감사합니다.
화제가 된 내용을 주제로 기재합니다.

만약 좋으면 과거의 것도 봐 주세요.
  • 제1회
  • 제2회
  • 제3회
  • 제4회
  • 제5회

  • 주제



    이번 모쿠모쿠 모임에서 나온 화제의 일부를 픽업.

    Flutter를 사용한 상태 관리 정보



    상태 관리의 관심에 대해서는 위젯(스크린)간에 공유하고 싶은지로 어프로치를 바꾸는 편이 좋다고 하는 이야기가 되었습니다.
    로그인 정보라든지는 공유할 것이므로 그런 것은 제대로 하는 편이 나중에 즐거울 것 같아요.

    위젯간에 공유하지 않는 경우



    입력중의 체크 박스의 상태는 다른 위젯과 공유해 둘 필요는 없을 것 같기 때문에 StatefulWidget 를 캐주얼에 사용해 setState() 로 호출하는 어프로치가 편하고 좋을 것이라고 생각합니다.

    Widget간에 공유하는 경우



    기본적으로



    state_notifier + 이뮤터블화 하는 뭔가가 좋을 것 같아요. MVVM이기 때문에, 거기까지 복잡하게 되지 않는 형태로 조립할 수 있을까라고는 생각합니다.

    이뮤터블화는 equatable 이나 freezed 가 유명하십니까.

    다른 프로젝트(특히 Angluar)에서 사용하는 경우



    Bloc을 사용한 접근법은 고려의 여지가 있다고 생각합니다.
    현재 구현중인 앱은 이러한 라이브러리를 사용하지만 편했습니다.
    * htps // 푸 b. V / Pac 가마 s / b ぉ c
    * htps // 푸 b. 에서 v / pac c 가 s / f ぅ r_b ぉ c
    * htps // 푸 b. v / pac 가게 s / b ぉ c_ st

    단지 전체적으로 칼로리 높이므로 정말로 돌리는 것인가? 라는 의문은 가진 편이 좋을까 생각합니다.
    Angular와 로직 사용 돌리거나 하지 않는 한 복잡성이 있는 것만으로, 별로 리턴은 느껴지지 않았네요.
    도서관 덕분에 복잡성은 숨길 수 있었지만,
    Bloc에서 Bloc로의 협력 부분은 Stream의 복잡성에서 도망칠 수 없었기 때문에.

    Flutter의 컬러 테마에 대해



    필자가 작성 중인 앱 레이아웃 등의 설정 항목을 어떻게 하려고 했는데,
    htps : // 기주 b. 코 m/rxぁb・파나치ぇ
    를 찾았습니다.

    브라우저 버전 도 준비되어 있습니다만, 상당히 에러 토하고 있어 슬픔을 짊어졌습니다.



    인용 : htps //w w. Moongi ft. jp/2020/05/파나치ぇ-ぅ는 r%에 3% 81% 겉%에 3% 83% 86% 에 3% 83% BC% 에 3% 83% 9에 % 3% 82% 오8%에3%83%87%에3%82%아3%에3%82%BF/

    ※ 수정점은 3가지가 있었습니다.
  • 파라미터명의 수정
    공식 마이그레이션 가이드 을 참고로 display4headline1 등으로 할 필요가 있었다
  • 
     TextTheme(
    //  display4:TextStyle( # 公式のマニュアルを参考に置換
        headline1: TextStyle(
          color: Color(0xb3ffffff),
          fontSize: 96.0,
          fontWeight: FontWeight.w300,
          fontStyle: FontStyle.normal,
        ),
    
  • UnderlineInputBorderborderSide 지정한다
  • 
     UnderlineInputBorder(
    //---     side: BorderSide( この記述方法は古い
            borderSide: BorderSide(
            color: Color(0xff000000),
            width: 1.0,
            style: BorderStyle.solid,
          ),
    
  • hasFloatingPlaceholderfloatingLabelBehavior 지정한다

  • hasFloatingPlaceholder 과 변경 후의 FloatingLabelBehavior 를 비교해 본래 원래 비표시·표시의 2치로부터 3치가 되었기 때문에 이행 추천이 된 것 같네요. 예에서는 always 로 했습니다만 auto 가 타당한 가능성은 있기 때문에, 적절히 구별이군요.
    InputDecorationTheme(
    //hasFloatingPlaceholder: true 厳密には新機能みたいなので、alwaysかどうかは要検討
    floatingLabelBehavior: FloatingLabelBehavior.always, 
    ) 
    
    

    결국 다음 번 개최 및 홍보



    이곳에서 정기적으로 허벅지 모임을 격주 빈도로 실시 예정입니다. 다음 번은 7월 초순을 예정하고 있습니다.

    LT 등 발표하고 싶은 분 있으시면 @glassmonekey에 연락 주시면 기쁩니다. LT 연습이라도 대환영입니다.

    아래의 나침반도 좋으면 등록 부탁드립니다. 이것을 기계에 함께 시작합시다.
    ぅtps://fぅ라고 r-오쿠라야마. 곤파 s. 코m/

    감상이라고 할까 메모



    개인 개발의 로직 부분은 거의 할 수 있었으므로 나머지는 디자인 노력할 것 같다.

    좋은 웹페이지 즐겨찾기