Function MyScreen

example/src/navigation-examples/basic-stack.tsx:9–37

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

}

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

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

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