Kudo

Expo Router Quick Onboarding Guide

What is Expo Router?

File-based router for React Native and web applications built on React Navigation. Automatic deep linking, universal navigation across platforms.

Core Concepts

File Structure Rules

• All routes live in app/ directory

Kudo

import { Host, Text, VStack } from '@expo/ui/swift-ui';
import { glassEffect, padding } from '@expo/ui/swift-ui/modifiers';
import { Image } from 'expo-image';

export default function Index() {
  return (
    <>
      <Image
        source={{ uri: `https://picsum.photos/seed/${Math.random()}/600/800` }}
        style={{ flex: 1 }}

Kudo

--- a/node_modules/react-native-ios-utilities/react-native-ios-utilities.podspec
+++ b/node_modules/react-native-ios-utilities/react-native-ios-utilities.podspec
@@ -53,7 +53,22 @@ Pod::Spec.new do |s|
     '"${PODS_ROOT}/Headers/Public/React-hermes"',
     '"${PODS_ROOT}/Headers/Public/hermes-engine"',
     '"${PODS_ROOT}/Headers/Private/React-Core"',
+    # [begin] transitive dependencies of React-RCTAppDelegate that are not defined modules
+    '"${PODS_CONFIGURATION_BUILD_DIR}/React-RuntimeApple/React_RuntimeApple.framework/Headers"',
+    '"${PODS_CONFIGURATION_BUILD_DIR}/React-RuntimeCore/React_RuntimeCore.framework/Headers"',
+    '"${PODS_CONFIGURATION_BUILD_DIR}/React-jserrorhandler/React_jserrorhandler.framework/Headers"',

Kudo

diff --git a/node_modules/expo-modules-core/common/cpp/fabric/ExpoViewComponentDescriptor.h b/node_modules/expo-modules-core/common/cpp/fabric/ExpoViewComponentDescriptor.h
index 11073e5..988b389 100644
--- a/node_modules/expo-modules-core/common/cpp/fabric/ExpoViewComponentDescriptor.h
+++ b/node_modules/expo-modules-core/common/cpp/fabric/ExpoViewComponentDescriptor.h
@@ -2,7 +2,7 @@
 
 #pragma once
 
-#ifdef __cplusplus
+#if defined(__has_feature) && !__has_feature(objc_modules)

Kudo

module.exports = function (api) {
  api.cache(true);
  return {
    presets: [
      'babel-preset-expo',
    ],
    plugins: [
      ['@babel/plugin-transform-class-properties', { loose: true }],
      ['@babel/plugin-transform-private-methods', { loose: true }],
      ['@babel/plugin-transform-private-property-in-object', { loose: true }],

Kudo

#!/usr/bin/bash

# Add react-native patches
mkdir -p patches
cat > patches/react-native+0.76.3.patch << EOF
diff --git a/node_modules/react-native/Libraries/Components/Keyboard/KeyboardAvoidingView.js b/node_modules/react-native/Libraries/Components/Keyboard/KeyboardAvoidingView.js
index 860118d..141978c 100644
--- a/node_modules/react-native/Libraries/Components/Keyboard/KeyboardAvoidingView.js
+++ b/node_modules/react-native/Libraries/Components/Keyboard/KeyboardAvoidingView.js
@@ -95,7 +95,9 @@ class KeyboardAvoidingView extends React.Component<Props, State> {

Kudo

diff --git a/android/app/src/main/java/dev/expo/kudo/sdk50/MainApplication.kt b/android/app/src/main/java/dev/expo/kudo/sdk50/MainApplication.kt
index e9a2f7a..fbf9aae 100644
--- a/android/app/src/main/java/dev/expo/kudo/sdk50/MainApplication.kt
+++ b/android/app/src/main/java/dev/expo/kudo/sdk50/MainApplication.kt
@@ -14,10 +14,12 @@ import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
 import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
 import com.facebook.react.defaults.DefaultReactNativeHost
 import com.facebook.react.flipper.ReactNativeFlipper
+import com.facebook.react.modules.network.OkHttpClientProvider
 import com.facebook.soloader.SoLoader

Kudo

diff --git a/android/app/build.gradle b/android/app/build.gradle
index 8526646..fcb7627 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -158,8 +158,6 @@ dependencies {
         }
     }
 
-    implementation("com.facebook.react:flipper-integration")
-

Kudo

#ifdef __OBJC__
#import <UIKit/UIKit.h>
#else
#ifndef FOUNDATION_EXPORT
#if defined(__cplusplus)
#define FOUNDATION_EXPORT extern "C"
#else
#define FOUNDATION_EXPORT extern
#endif
#endif

Kudo

diff --git a/example/app.json b/example/app.json
index b85d133..d0c1de7 100644
--- a/example/app.json
+++ b/example/app.json
@@ -4,6 +4,6 @@
   "expo": {
     "name": "StripeSdkExample",
     "slug": "StripeSdkExample",
-    "sdkVersion": "44.0.0"
+    "sdkVersion": "UNVERSIONED"