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	[email protected]
40x40	iPad and iPhone Notifications iOS 7 - 11	[email protected]
60x60	iPhone Notifications iOS 7 - 11	[email protected]
29x29	iPad and iPhone Settings and Spotlight	[email protected]
58x58	iPad and iPhone Settings and Spotlight	[email protected]
87x87	iPhone Settings and Spotlight	[email protected]
40x40	iPad	[email protected]
40x40	iPad	[email protected]
40x40	iPhone	[email protected]
40x40	iPhone	[email protected]
50x50	iPad	[email protected]
50x50	iPad	[email protected]
57x57	iPhone	[email protected]
57x57	iPhone	[email protected]
60x60	iPhone	[email protected]
60x60	iPhone	[email protected]
72x72	iPad	[email protected]
72x72	iPad	[email protected]
76x76	iPad	[email protected]
76x76	iPad	[email protected]
83.5x83.5	iPad	[email protected]
1024x1024	ios-marketing	[email protected]	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