Skip to content

View not rendered on iOS RN 0.72 and RNN 7.37Β #7776

@nopmengkoung

Description

@nopmengkoung

What happened?

After I managed to install and setup everything with RNN, I tried the basic navigation such register the screen and setRoot to display a component but I facing the issue that my View in never render or running. One more thing the TopBar is display and the title of the TopBar also display if I set it via the static options, even console.log also not running. It's seem like that my component is not registered.

import React from 'react';
import {View} from 'react-native';
import {NavigationFunctionComponent} from 'react-native-navigation';

import Text from '../../components/Text';
import createStyles from '../../theme/baseStyles';

const InitialView: NavigationFunctionComponent = () => {
  return (
    <View style={[styles.flex1, styles.contentCenter]}>
      <Text>Initial View</Text>
    </View>
  );
};

InitialView.options = {
  topBar: {
    title: {
      text: 'Initial View',
    },
  },
};

const styles = createStyles();

export default InitialView;

What was the expected behaviour?

No response

Was it tested on latest react-native-navigation?

  • I have tested this issue on the latest react-native-navigation release and it still reproduces.

Help us reproduce this issue!

  • Install latest RN 0.72.4
  • Install RNN 7.37
  • Pod install with new arch
  • Setup the basic navigation
  • Running on Xcode 14.3.1

In what environment did this happen?

React Native Navigation version: 7.37
React Native version: 0.72
Has Fabric (React Native's new rendering system) enabled: yes
Node version: v16
Device model: Simulator
iOS version: 16

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions