All Projects → ruptiva → React Native Deploy Checklist

ruptiva / React Native Deploy Checklist

Compilado de problemas do React Native em relação ao deploy e suas soluções

Projects that are alternatives of or similar to React Native Deploy Checklist

Swifticonfont
Icons fonts for iOS (Font Awesome 5, Iconic, Ionicon, Octicon, Themify, MapIcon, MaterialIcon, Foundation 3, Elegant Icon, Captain Icon)
Stars: ✭ 1,094 (+4107.69%)
Mutual labels:  fonts, icons
Webfont
Awesome generator of webfont
Stars: ✭ 170 (+553.85%)
Mutual labels:  fonts, icons
Linearicons
Linearicons is the highest quality set of line icons, matching with minimalist UI designs in iOS.
Stars: ✭ 64 (+146.15%)
Mutual labels:  fonts, icons
rofi-fontawesome
fontawesome icon list for rofi dmenu
Stars: ✭ 58 (+123.08%)
Mutual labels:  fonts, icons
Iconfontsimagelist
Components to simplify use of "Icon fonts": resize, color, opacity and more... with full support for High-DPI apps. Rendering optimized with GDI+
Stars: ✭ 147 (+465.38%)
Mutual labels:  fonts, icons
Swifticons
🎢Swift Library for Font Icons - ★ this library
Stars: ✭ 747 (+2773.08%)
Mutual labels:  fonts, icons
Dap Mode
Emacs ❤️ Debug Adapter Protocol
Stars: ✭ 809 (+3011.54%)
Mutual labels:  debug
Openwebicons
A font!
Stars: ✭ 835 (+3111.54%)
Mutual labels:  icons
Awesome Fonts
Curated list of fonts and everything
Stars: ✭ 798 (+2969.23%)
Mutual labels:  fonts
Dev Fonts
List of fonts for coding
Stars: ✭ 758 (+2815.38%)
Mutual labels:  fonts
Fonts
A collection of rad, open-source typefaces that everyone needs in their lives.
Stars: ✭ 24 (-7.69%)
Mutual labels:  fonts
Tabler Icons Viewer
An app to search & copy icons from the Tabler icons pack - a free to use library of over 500 high quality icons 😍
Stars: ✭ 23 (-11.54%)
Mutual labels:  icons
Vue Unicons
1000+ Pixel-perfect svg icons for your next project as Vue components
Stars: ✭ 828 (+3084.62%)
Mutual labels:  icons
Cryptocoins
Cryptocoins is the most complete vector/webfont icon pack of your favourite cryptocurrencies
Stars: ✭ 810 (+3015.38%)
Mutual labels:  icons
Famfamfam Flags Wpf
famfamfam flag icons for WPF
Stars: ✭ 17 (-34.62%)
Mutual labels:  icons
Line Awesome
Replace Font Awesome with modern line icons
Stars: ✭ 801 (+2980.77%)
Mutual labels:  icons
Github To S3 Lambda Deployer
⚓️ GitHub webhook extension for uploading static pages to AWS S3 directly after commiting to master via Lambda written in Node.js
Stars: ✭ 23 (-11.54%)
Mutual labels:  deploy
Webhook
webhook is a lightweight incoming webhook server to run shell commands
Stars: ✭ 7,201 (+27596.15%)
Mutual labels:  deploy
React Share Icons
🔷 Vector share icons as react-components
Stars: ✭ 6 (-76.92%)
Mutual labels:  icons
Unitydbgdraw
DbgDraw is an API that provides the ability to render various 2D and 3D shapes for visual debugging purposes.
Stars: ✭ 20 (-23.08%)
Mutual labels:  debug

React Native - Deploy Checklist

Ícones

  • Imagem base com resolução de 1024x1024 pixels, JPG.
  • Gerar usando app-icon

Splashscreen

iOS

Archiving de projetos

  • Gerar IPAs universais (para iPhone e iPad) para evitar problemas de auto scaling ao usar o app em tablets.

Push Notification Entitlement

  • Para evitar o erro Missing Push Notification Entitlement, basta adicionar pelo XCode, Clicando no arquivo .xcodeproj ou .xcworkspace do projetoe marcando ON na opção Push Notifications, dentro da aba Capabilities.

Android

Permissões indesejadas

Fontes

  • O Android tem problemas com fontes cujo arquivos tenham letras maiúsculas no nome. Para resolver isso, renomeie os arquivos para minúsculas, adicionando underline nos espaços. Lembre-se de importar o arquivo correto caso as fontes do iOS não sejam renomeadas.
   //iOS font: My Awesome Font Bold.otf
   //Android font: my_awesome_font_bold.otf
   import { Platform } from 'react-native'

   export const FONT_BOLD = Platform.OS === 'ios' ? 'My Awesome Font Bold' : 'my_awesome_font_bold'

Alterar build tools

  • Faça a seguinte alteração dentro do arquivo build.gradle (Module: app):
defaultConfig {
        targetSdkVersion 26 //Altere o valor que está aqui para 26
    }

Reduzir tamanho da APK

  • Faça a seguinte alteração dentro do arquivo build.gradle (Module: app):
 defaultConfig {
        ndk {
            abiFilters "armeabi-v7a" //Remova "x86" que está aqui
        }
    }

splits {
        abi {
            reset()
            enable enableSeparateBuildPerCPUArchitecture
            universalApk false 
            include "armeabi-v7a" //Remova "x86" que está aqui
        }
    }

[WIP] Erro ao gerar APK assinada

FOLDER_PROJECT/android/app/build/intermediates/res/merged/release/drawable-hdpi/node_modules_reactnavigation_src_views_assets_backicon.png: error: uncompiled PNG file passed as argument. Must be compiled first into .flat file..
error: failed parsing overlays.
  • A solução temporária é adicionar android.enableAapt2=false no arquivo AppName/android/gradle.properties e gerar a APK pelo terminal (tópico abaixo).

  • A APK gerada pelo método descrito abaixo não possui assinatura, podendo ser assinada usando JarSigner

  • Mais detalhes sobre este problema e possíveis soluções podem ser encontrados nas issues deste repositório.

Erro ao gerar APK usando Gradle 4.4

  • Gere um novo bundle pelo terminal (Adicione a linha a seguir nos scripts do package.json pra reuso) "bundle:android": "mkdir -p android/app/src/main/assets && rm -rf android/app/build && react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res"

  • Após o bundle ser criado, remova todas as imagens das seguintes pastas:

  • android/app/src/main/res/drawable-mdpi
  • android/app/src/main/res/drawable-hdpi
  • android/app/src/main/res/drawable-xhdpi
  • android/app/src/main/res/drawable-xxhdpi
  • android/app/src/main/res/drawable-xxxhdpi
  • Navegue para a pasta android do seu projeto e execute ./gradlew assembleRelease
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].