React Native Project Checklist

_image_assets.md

Android

Icon

Dimension	Size and Use
Original	512×512 - Play Store (with alpha channel)
xxxhdpi	192px
xxhdpi	144px
xhdpi	96px
hdpi	72px
mdpi	48px
ldpi	36px

Spash Screen

Dimension	Size and Use
xxxhdpi	1280x1920
xxhdpi	960x1600
xhdpi	720x1280
hdpi	480x800
mdpi	320x480
ldpi	200x320

Portrait sizes!

Play Store Images

1024x500 banner for Play Store

iOS

Icon

Image size	Usage	Filename	Details
20x20	iPad Notifications iOS 7 - 11	Icon-App-20x20@1x.png
40x40	iPad and iPhone Notifications iOS 7 - 11	Icon-App-20x20@2x.png
60x60	iPhone Notifications iOS 7 - 11	Icon-App-20x20@3x.png
29x29	iPad and iPhone Settings and Spotlight	Icon-App-29x29@1x.png
58x58	iPad and iPhone Settings and Spotlight	Icon-App-29x29@2x.png
87x87	iPhone Settings and Spotlight	Icon-App-29x29@3x.png
40x40	iPad	Icon-App-40x40@1x.png
40x40	iPad	Icon-App-40x40@2x.png
40x40	iPhone	Icon-App-40x40@2x.png
40x40	iPhone	Icon-App-40x40@3x.png
50x50	iPad	Icon-App-50x50@1x.png
50x50	iPad	Icon-App-50x50@2x.png
57x57	iPhone	Icon-App-57x57@1x.png
57x57	iPhone	Icon-App-57x57@2x.png
60x60	iPhone	Icon-App-60x60@2x.png
60x60	iPhone	Icon-App-60x60@3x.png
72x72	iPad	Icon-App-72x72@1x.png
72x72	iPad	Icon-App-72x72@2x.png
76x76	iPad	Icon-App-76x76@1x.png
76x76	iPad	Icon-App-76x76@2x.png
83.5x83.5	iPad	Icon-App-83.5x83.5@2x.png
1024x1024	ios-marketing	Icon-App-iTunesArtwork@2x.png	Should NOT have alpha channel

index.md

Design

• App Icons
  • iOS
  • Android
• App Slpash Screens
  • iOS
  • Android
• Notification Icon (Android)

Development

Before Start Development

• Setup Apple Store

  • Client has iTunes Connect and Developer Portal Accounts?
  • Do we have access?
  • Create and config bundleId in client's account first.
  • Create a bundleId.debug app in the development account
  • Request from client a list of Development Testers for testflight
  • Prepare the TestFlight app with a dummy deploy

• Setup Play Store

  • Client has iTunes Connect and Developer Portal Accounts?
  • Do we have access?
  • Request from client a list of Development Testers for testflight
  • Setup Internal Testing with a dummy deploy

• Setup App Versions

  • Setup react-native-version
  • Setup automatic version update for Android
  • Setup command line deploy for Google Play
  • Run npm version 0.0.1 to setup versions properly
  • Build version is 2
  • Run react-native run android and check in ./android/app/build/intermediates/manifests/full/debug/AndroidManifest.xml if it updated properly

During Development

Publishing

Before Publishing

After Publishing