공통 네비게이션바 아이콘 추가

개발
1

공통 네비게이션바 아이콘 추가 공지사항을 확인했습니다.

  1. 아이콘이 흑백으로만 들어가는데 색상을 바꿀 수 있을까요?
  2. 문구추가도 가능할까요?

웹뷰로 개발중입니다!두가지 문의드립니다 :person_bowing:

2
  1. 정책적인 부분인지 확인해볼게요.
  2. 문구는 어떻게 추가하실지 말씀 주실 수 있을까요? appName 이 표기되고 있는데 옆에 문구를 추가한다는 말씀이실까요?
3

문의 주신 1번에 대해 확인한 결과 정책적인 부분이 맞았습니다.

상단 네비게이션에서 컬러 아이콘은 주의를 과도하게 분산시키고 불필요한 시각적인 강조와 혼란을 야기합니다.

네비게이션의 역할을 해주는 컴포넌트인 만큼 기능 중심의 통일된 모노 아이콘 버튼을 사용하고 있어요.

토스 내에서 극히 특수한 케이스를 제외하고는 모두 모노 아이콘으로 통일되어 있습니다.

혹시 어떤 목적으로 컬러 아이콘을 사용하고 싶으신지 말씀해주신다면 내부 검토를 다시 해보겠습니다 :folded_hands:

4

안녕하세요!

저희는 설정 아이콘과 함께 ‘설정’이라는 문구를 넣어보려고 했으나

정책 관련 부분이라면 말씀해주시는 방향에 맞춰 수정하도록 하겠습니다!

5

안녕하세요 :slight_smile:
네비게이션바 관련 정책 가이드 전달드려요.

6

문구 추가는 불가합니다. 모노 아이콘으로 추가 부탁드릴게요 :folded_hands:

7

혹시 모노 아이콘 리스트 같은게 있을까요?
Circle, Square, Wide, Heart 등만 사용 가능한건가요?

아래 앱인토스 아이콘 제작 가이드만 보고는 어려움이 있어서 문의드립니다.

8

@unifox 님 안녕하세요

혹시 앱빌더 사용하고 계실까요?

앱빌더를 통해 모노 아이콘을 쉽게 추가할 수 있습니다.

9

webview 환경에서 개발 중인데,
공통 네비게이션 바의 icon.name에 사용할 수 있는 아이콘 이름들이 궁금했습니다.

navigationBar: {
  withBackButton: true,
  initialAccessoryButton: {
    id: 'rewritePaper',
    title: '다시작성',
    icon: {
      name: 'icon-repeat-mono',
    },
  },
}

앱빌더 내 상단 가운데 “리소스” 아이콘을 클릭하면
바로 사용 가능한 아이콘 목록 이름이 쭉 나오네요

현재는 메뉴얼에 따로 정리된 문서는 없지만,
아이콘 이름이 한눈에 확인 가능한 문서가 하나 있으면
개발자분들께 도움이 많이 될 것 같습니다

image
image396×761 38.3 KB