MatematecAR

Setup

Siga as instruções do site https://docs.expo.dev/get-started/set-up-your-environment/

Lembre de selecionar o environment que o aplicativo deve ser executado.

Vamos começar!

1. Instale as dependências

   npm install

2. Realize o prebuild

O Viro (motor AR utilizado) não suporta o Expo GO. Então, é necessário realizar o build do projeto localmente.

 npx expo prebuild

3. Corrija a build do Android

Note que após o prebuild, foram criadas as pastas android e ios.

Abra o diretório android/app/src/main/java/com/(user)/matematecar.

Como o Viro edita os arquivos de forma incorreta, precisamos modificar o arquivo MainApplication.kt dentro desse diretório.

Copie o código corrigido abaixo:

package com.xnths.matematecar
import com.viromedia.bridge.ReactViroPackage

import android.app.Application
import android.content.res.Configuration

import com.facebook.react.PackageList
import com.facebook.react.ReactApplication
import com.facebook.react.ReactNativeHost
import com.facebook.react.ReactPackage
import com.facebook.react.ReactHost
import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
import com.facebook.react.defaults.DefaultReactNativeHost
import com.facebook.react.soloader.OpenSourceMergedSoMapping
import com.facebook.soloader.SoLoader

import expo.modules.ApplicationLifecycleDispatcher
import expo.modules.ReactNativeHostWrapper

class MainApplication : Application(), ReactApplication {

  override val reactNativeHost: ReactNativeHost = ReactNativeHostWrapper(
        this,
        object : DefaultReactNativeHost(this) {
          override fun getPackages(): List<ReactPackage> {
            val packages = PackageList(this).packages
            // Packages that cannot be autolinked yet can be added manually here, for example:
            // packages.add(new MyReactNativePackage());

            packages.add(ReactViroPackage(ReactViroPackage.ViroPlatform.AR))
            packages.add(ReactViroPackage(ReactViroPackage.ViroPlatform.GVR))

            return packages
          }

          override fun getJSMainModuleName(): String = ".expo/.virtual-metro-entry"

          override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG

          override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED
          override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED
      }
  )

  override val reactHost: ReactHost
    get() = ReactNativeHostWrapper.createReactHost(applicationContext, reactNativeHost)

  override fun onCreate() {
    super.onCreate()
    SoLoader.init(this, OpenSourceMergedSoMapping)
    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
      // If you opted-in for the New Architecture, we load the native entry point for this app.
      load()
    }
    ApplicationLifecycleDispatcher.onApplicationCreate(this)
  }

  override fun onConfigurationChanged(newConfig: Configuration) {
    super.onConfigurationChanged(newConfig)
    ApplicationLifecycleDispatcher.onConfigurationChanged(this, newConfig)
  }
}

4. Build o projeto localmente

    npx expo run:android