Granite로 업글하고 나서 네비게이션 바가 없습니다

개발
1

Granite로 업글하고 나서 이전에 자동으로 생성되었던 네이비게이션 바가 나오지 않습니다.

2

안녕하세요 :slight_smile:
package.json 과 granite.config.ts 공유해주실 수 있을까요 ?

3

여길 이제 봤네요..

네이비게이션 바를 true로 하니 잘뜨는데, 아이콘부분에서 기존처럼 static url를 넣어서 표현하는 방법이 있을까요?

import { defineConfig } from "@apps-in-toss/web-framework/config";

export default defineConfig({
  appName: 'XXXX',
  brand: {
    displayName: 'XXX',
    primaryColor: '#3182F6',
    icon: 'https://staticxxxx.png',
    bridgeColorMode: 'basic',
  },
  navigationBar: {
    withBackButton: true,
    withHomeButton: true,
    initialAccessoryButton: {
      id: 'xxxx',
      title: 'xxxx',
      icon: {
        name: ""
      },
    }
  },
  permissions: [
    {
      name: "camera",
      access: "access",
    },
    {
      name: "photos",
      access: "read",
    },
  ],
  web: {
    host: '192.168.45.224',
    port: 5173,
    commands: {
      dev: 'vite --host --mode production',
      build: 'vite build',
    }
  },
  webViewProps: {
    type: 'external',
  },
});

지금 네비게이션 바에서는 아이콘이 앱 이미지가 아닙니다.

4

앗 현상 재현되었습니다.
한번 확인해보겠습니다!

5

기다려주셔서 감사합니다.
내부적으로 확인해보니 이미지 자체에 문제가 있는 것 같아요.
https://static.toss.im/3d-emojis/u1F31E.png 로 시도하니, 잘 나옵니다.
앱인토스 샌드박스 환경이 아닌, 일반 사파리에서 테스트시에도 이미지 다운로드가 되지 않는 이미지들이 있더라구요 :cry:
혹시 토스앱(QR테스트)에서는 동작하는지 확인 가능하실까요 ?

6 
import { defineConfig } from "@apps-in-toss/web-framework/config";

export default defineConfig({
  appName: 'xxxxx',
  brand: {
    displayName: '앱이름',
    primaryColor: '#3182F6',
    icon: 'https://static.toss.im/xxxx.png',
    bridgeColorMode: 'basic',
  },
  permissions: [
    {
      name: "camera",
      access: "access",
    },
    {
      name: "photos",
      access: "read",
    },
  ],
  navigationBar: {
    withBackButton: true,
    withHomeButton: true,
    initialAccessoryButton: {
      id: 'close',
      title: 'Close',
      icon: {
        name: 'https://static.toss.im/xxxxx.png',
      },
    }
  },
  web: {
    host: '192.168.45.224',
    port: 5173,
    commands: {
      dev: 'vite --host --mode production',
      build: 'vite build',
    }
  },
  webViewProps: {
    type: 'external',
  },
});

이렇게 하고 빌드후 QA로 토스앱에서 실행해도 네비게이션바에는 아이콘과 앱이름이 나오지 않습니다.

@Dylan 확인 부탁드립니다.

IMG_061FB1836373-1
IMG_061FB1836373-11125×333 30.6 KB

이렇게 표시됩니다. 어떤게 잘 못되었을까요?

7

이 부분은 사용하는 이미지를 변경해주셔야할 것 같아요 :cry: