ReactNative - app.json

seunghye jo·2024년 5월 8일
0

ReactNative

목록 보기
4/8
post-thumbnail

app.json 기본 설정

{
  "expo": {
    "name": "my-app",
    "slug": "my-app",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "userInterfaceStyle": "light",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    },
    "assetBundlePatterns": [
      "**/*"
    ],
    "ios": {
      "supportsTablet": true
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundColor": "#ffffff"
      }
    },
    "web": {
      "favicon": "./assets/favicon.png"
    }
  }
}

expo

orientation

  • 화면 방향 설정
  • portrait | landscape | default(자동)

userInterfaceStyle

  • 앱의 사용자 인터페이스 스타일
    • light | dark

splash

  • 스플래시 화면 설정을 포함하는 객체

    • image : 앱이 로딩되는 사이 사용자에게 보여지는 이미지
    • resizeMode : 이미지의 크기 조정 모드.
      • cover | contain | stretch | repeat | center
    • backgroundColor : 기본 바탕색 설정

assetBundlePatterns

  • 번들에 포함할 에셋 파일 패턴

ios

  • supportsTablet : 태블릿 지원여부

android

  • adaptiveIcon : Android 앱 아이콘 설정

web

  • favicon : (웹) 파비콘 파일 경로
profile
프론트엔드 개발자 성장일기 💭

0개의 댓글