标签: react-navigation

我有一个堆栈导航器，其中一个屏幕使用自定义标题：

import { createStackNavigator } from "@react-navigation/stack";
import * as React from "react";
import { Button, View } from "react-native";

const Stack = createStackNavigator();

function ScreenA({ navigation }) {
    return (
        <View style={{ flex: 1, justifyContent: "center"}}>
            <Button title="Click me" onPress={() => navigation.navigate("ScreenB")} />            
        </View>
    );
}

function ScreenB({ navigation }) {
    return (
        <View style={{ flex: 1 , justifyContent: "center"}}>
            <Button title="Click me" onPress={() => navigation.navigate("ScreenA")} />
        </View>
    );
}

function TestComp() {
    return (
        <Stack.Navigator>
            <Stack.Screen
                name="ScreenA"
                component={ScreenA} …

我的 React Native 0.61.5 使用react-navigation 5.1. 这是根导航代码：

const BTab = createBottomTabNavigator();
const Stack = createStackNavigator();
export default function App() {

  //const Appscreen = () => (<AppScreen data={data}/>);

  return (
    <NavigationContainer>
      <Stack.Navigator InitialRouteName="Splash">
        <Stack.Screen name="Splash" component={SplashScreen}}/>
        <Stack.Screen name="App" component={AppScreen} } />
      </Stack.Navigator>

    </NavigationContainer>
  );
}

该组件AppScreen返回一个如下所示的堆栈：

return (
    <NavigationContainer independent={true}>
      <BTab.Navigator>
          <BTab.Screen name="Event" component={Eventstack} />
          <BTab.Screen name="Group" component={Groupstack} />
          <BTab.Screen name="Contact" component={Contactstack} />
      </BTab.Navigator>
    </NavigationContainer>
  );

我注意到屏幕上有双标题：

如何删除App标题并只保留Group？

我现在使用 React Native 导航 5，在我的“Home 组件中，我有一个 setParams 可以工作，但我收到了这个错误：

\n

{"params":{"company":"Marciello Resto 2"}}“任何导航器都没有处理带有有效负载的‘SET_PARAMS’操作。”

\n

我用的是安卓模拟器。

感谢大家的帮助！

//App.js\nimport * as React from "react"\nimport { View, Text, ActivityIndicator, StyleSheet } from 'react-native'\nimport { NavigationContainer } from '@react-navigation/native'\nimport { createStackNavigator } from '@react-navigation/stack'\nimport { createDrawerNavigator } from '@react-navigation/drawer'\nimport EtiquettesPictureContext from './Components/Contexts/EtiquettesPictureContext'\nimport RootStack from './Navigation/Navigation'\nimport Home from './Components/Layouts/Home'\nimport Etiquettes from './Components/Layouts/Etiquettes'\nimport TemperaturesFridges from './Components/Layouts/TemperaturesFridges'\nimport BonsLivraisons from './Components/Layouts/BonsLivraisons'\nimport EtiquettesTakePicture from "./Components/EtiquettesTakePicture"\nimport BonsLivraisonsTakePicture from "./Components/BonsLivraisonsTakePicture"\nimport DlcAlertTakePicture from "./Components/DlcAlertTakePicture"\nimport Notifications from "./Components/Layouts/Notifications"\nimport Settings …

这是我的 appNavigator：我分为 3 个 stackScreen，包括HomeStack、 SettingsStack和ProfileStack。AuthStack包含注册和登录屏幕，我创建底部选项卡包含上面的 3 个 StackScreen

const HomeStack = createStackNavigator();
function HomeStackScreen() {
  return (
    <HomeStack.Navigator headerMode="none">
      <HomeStack.Screen name="Home" component={HomeScreen} />
      <HomeStack.Screen name="Details" component={DetailsScreen} />
    </HomeStack.Navigator>
  );
}

const SettingsStack = createStackNavigator();
function SettingsStackScreen() {
  return (
    <SettingsStack.Navigator>
      <SettingsStack.Screen name="Settings" component={SettingsScreen} />
      <SettingsStack.Screen name="Details" component={DetailsScreen} />
    </SettingsStack.Navigator>
  );
}
const ProfileStack = createStackNavigator();
function ProfileStackScreen({navigation}) {
  return (
    <ProfileStack.Navigator>
      <ProfileStack.Screen name="Profile" component={ProfileScreen} />
    </ProfileStack.Navigator>
  );
}

// ** AUTH ** …