Function MyScreen

example/src/navigation-examples/basic-tabs.tsx:53–90

({
  title,
  children,
  bg,
}: {
  title: string;
  children?: React.ReactNode;
  bg?: string;
})

}

function MyScreen({
  title,
  children,
  bg,
}: {
  title: string;
  children?: React.ReactNode;
  bg?: string;
}) {
  function push() {
    navigation.stack.push(
      <Stack.Screen>
        <MyScreen title="Pushed screen" bg={bg}>
          <Button title="Pop screen" onPress={pop} />
        </MyScreen>
      </Stack.Screen>,
    );
  }

  function pop() {
    navigation.stack.pop();
  }

  return (
    <View
      style={{
        flex: 1,
        justifyContent: "center",
        alignItems: "center",
        backgroundColor: bg || "white",
      }}
    >
      <Text>{title}</Text>
      <Button title="Push screen" onPress={push} />
      {children}
    </View>
  );
}