如何在没有标签反应的情况下导航新页面

Question

我想从选项卡中的页面导航到新页面，而没有选项卡(或/和header(。但是从技术上讲，它通过标签和标题更改并打开。我不知道该怎么做...这是我项目的目录：

.
. 
.
src
  -components
    -Page1.js
    -Page2.js
App.js
.
.
.    

app.js代码：

import { TabNavigator } from 'react-navigation';
import Page 1 from './components/Page1';  
import Page 2 from './components/Page2';
export default TabNav = TabNavigator (
  {
    Page1: { screen: Page1 },
    Page2: { screen: Page2 },
  },
);

，现在在第1页＆amp;Page2我创建一个类Page3(在第1页(和第4页(在第4页中(，并编码上面的相同代码，以及当我想单击文本(带有stacknavigator(时，页面导航到我想要的新组件！

问题是Page3＆amp;Page4在选项卡中运行，我不想(我想在没有任何选项卡或标题的空白页中导航它们，或...(如何编程来做到这一点？帮我。谢谢：(

Answer 1

我找到了一个解决方案。当我导航到第3(4(和 navigationOptions设置tabBarVisible: false以隐藏 TABBAR 或header: null时，解决问题。这是一个示例：

import { StackNavigator } from 'react-navigation';
import Page2 from './../pages/Page2';
import Page4 from "../pages/Page4";
export default Home= StackNavigator ({
    Page2: { screen : Page2},
    Page4: { screen: Page4,
    navigationOptions:{
        tabBarVisible: false,
        header: null
    }}
})

Answer 2

步骤一号：初始导航和您的屏幕

import { StackNavigator, } from 'react-navigation'; 
const App = StackNavigator({ 
  Home: { screen: HomeScreen }, 
  Profile: { screen: ProfileScreen }, 
});

步骤两步：导航到某个页面

class HomeScreen extends React.Component { 
static navigationOptions = { title: 'Welcome', }; 
  render() { 
    const { navigate } = this.props.navigation;
    return ( 
      <Button title="Go to Jane's profile" onPress={() => navigate('Profile', { name: 'Jane' }) } />
    ); 
  } 
}