pytqqq

const HomeScreen = () => {
  const navigation = useNavigation<MainStackNavigationProp>();

  return (
    <View style={styles.container}>
      <Text style={styles.label}>HomeScreen</Text>
      <Button
        color="rgba(127, 103, 190, 1)"
        title="Navigate to DetailScreen"
        onPress={() => {

pytqqq

import MiniAppScreen from "../screens/MiniAppScreen";

export type MainStackParamList = {
  Home: undefined;
  Detail: undefined;
  MiniApp: undefined;
};

export type MainStackNavigationProp =
  NativeStackNavigationProp<MainStackParamList>;

pytqqq

import React from "react";
import { Federated } from "@callstack/repack/client";
import { ActivityIndicator, StyleSheet, View } from "react-native";

const MiniAppNavigator = React.lazy(() =>
  Federated.importModule("MiniApp", "./MiniAppNavigator")
);

const FallbackComponent = () => (
  <View style={styles.container}>

pytqqq

git clone https://github.com/callstack/super-app-example.git

pytqqq

const HomeScreen = () => {
  const navigation = useNavigation<MainStackNavigationProp>();

  return (
    <View style={styles.container}>
      <Text style={styles.label}>HomeScreen</Text>
      <Button
        title="Navigate to DetailScreen"
        onPress={() => {
          navigation.navigate("Detail");

pytqqq

import MiniAppScreen from "../screens/MiniAppScreen";

export type MainStackParamList = {
  Home: undefined;
  Detail: undefined;
  MiniApp: undefined;
};

export type MainStackNavigationProp =
  NativeStackNavigationProp<MainStackParamList>;

pytqqq

import React from "react";
import { Federated } from "@callstack/repack/client";
import { ActivityIndicator, StyleSheet, View } from "react-native";

const MiniAppNavigator = React.lazy(() =>
  Federated.importModule("MiniApp", "./MiniAppNavigator")
);

const FallbackComponent = () => (
  <View style={styles.container}>

pytqqq

import { ScriptManager, Federated } from "@callstack/repack/client";

ScriptManager.shared.addResolver(async (scriptId, caller) => {
  const resolveURL = Federated.createURLResolver({
    containers: {
      MiniApp: "http://localhost:9000/[name][ext]",
    },
  });

  const url = resolveURL(scriptId, caller);

pytqqq

react {
  bundleCommand = "webpack-bundle"
}

pytqqq

adb reverse tcp:9000 tcp:9000