• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Flutter 게시판 Tabbar 밑줄 어떻게 없앨가요? ㅠㅠ

Tabbar 밑줄 어떻게 없앨가요? ㅠㅠ

  • 이 주제에는 4개 답변, 3명 참여가 있으며 이현석2 년 전에 전에 마지막으로 업데이트했습니다.
5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 글쓴이
  • #52273

    이현석
    참가자
    안녕하세요 코딩애플님
    tabbar로 선택된 탭 텍스트 밑에 밑줄이 생기는데, 아무리 구글링을 해봐도 방법을 모르겠네요..
    어떻게 밑줄을 없앨 수 있을가요?
    
    #52280

    codingapple
    키 마스터
    https://stackoverflow.com/questions/52236509/flutter-tabbarview-underline-color
    테두리 색을 다른색으로 바꿔봅시다
    #52332

    이현석
    참가자
    헉..바보였다.. 감사합니다 !
    #84239

    박태호
    참가자
    바보 아니십니다. 모르시는게 당연합니다.
    matarial3에서는 탭바의 구분선이 기본으로 그려집니다.
    이건 규칙이고 바꿀 수도 없습니다.
    플러터에서 컨테이너를 씌워 색을 테두리 색을 백날 바꿔봐야 해결할 수가 없습니다.
    구분선은 화면 위계에서 상위에 위치하기 때문에 테마 정의 시 colorScheme을 새로 정의해야 합니다.
    
    그래서 아무리 컨테이너를 씌워도 색을 바꿀 수 없습니다.
    해당 스택 오버플로우의 답변들 또한 테두리가 그려지고 그 위에 얇은 구분선이 그려져 있습니다.
    그리고 위젯 상에서 아무리 바꿀려해도 바꿀 수 없습니다. 그냥 구분선 아래에 그려질 뿐입니다.
    
    구분선을 없애고 싶으시면 배경색과 구분선의 색상을 동일하게 맞춰주면 됩니다.
    
    
    ColorScheme에서 구분선을 담당하는 색상은 surfaceVariant 입니다.
    
    
    보통 matarial3의 디자인 규칙은 디자이너 아니면 잘 모르기 때문에 모르시는게 당연합니다.
    현업에선 matarial3를 공부하신 디자이너 분들이 색상 키와 위계 규칙을 알고 있기 때문에 공부는 깊게 안 하셔도 됩니다.
    
    
    https://m3.material.io/components/tabs/specs
    https://github.com/flutter/flutter/issues/119481
     
     
     
    #85870

    이현석
    참가자
    헉 옛날 질문인데 이렇게 친절하게 설명해주셔서 너무 감사해요!
5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠