我之前在Reaction js上很苦恼,我是新来的,我正在try 在我的应用程序中的组件之间导航 我用的是react navigation,我不知道这是不是最容易的方法

我有app.js和Sign.js

app.js


import * as React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {Provider as PaperProvider} from 'react-native-paper';
import {createNativeStackNavigator} from '@react-navigation/native-stack';
import {StyleSheet, Text, View} from 'react-native';
import {Avatar, Card, Title, Paragraph} from 'react-native-paper';
import {Image} from 'react-native';

import {Button} from 'react-native';

function Dashbord({navigation}) {
  const LeftContent = props => <Avatar.Icon {...props} icon="folder" />;
  return (
    <View style={styles.main}>
     
      
      <Card
        style={styles.main2}
        onPress={() => navigation.navigation.navigate('Sign')}>
        <Image
          source={require('./assets/images/mother.png')}
          style={{
            width: 80,
            marginLeft: 90,
            marginTop: 0,
            justifyContent: 'center',

            height: 80,
            textAlign: 'center',
          }}
        />
        <Text
          style={{
            textAlign: 'center',
            fontSize: 20,
            fontFamily: 'Poppins-ExtraBold',
          }}>
          i am a mother
        </Text>
      </Card>
    </View>
  );
}



const Stack = createNativeStackNavigator();

function App() {
  return (
    <PaperProvider>
      <NavigationContainer>
        <Stack.Navigator>
          <Stack.Screen
            options={{headerShown: false}}
            name="Home"
            component={HomeScreen}
          />
          <Stack.Screen name="Dashbord" component={Dashbord} />
          <Stack.Screen name="sign" component={sign} />
        </Stack.Navigator>
      </NavigationContainer>
    </PaperProvider>
  );
}


Sign.js在Components文件夹中,我不知道如何访问它 Sign.js

import React from 'react';
import {StyleSheet, Text, View} from 'react-native';

export default function Sign(navigation) {
  return (
    <View style={styles.prheight}>
      <View style={styles.prheight}>
        <Text style={styles.r}>dada</Text>
      </View>
      <View style={styles.buttonw}>
        <Button color="#7743DB" title="Lets Go" />
      </View>
    </View>
  );
}

错误`我收到的是正确的符号‘不存在

推荐答案

HomeScreen函数的一个小变化:HomeScreen(navigation)HomeScreen({ navigation })

如果您想使用HomeScreen(navigation),只需更改onPress函数: onPress={() => navigation.navigate('Dashbord')}onPress={() => navigation.navigation.navigate('Dashbord')}

Android相关问答推荐

Android Bundle getSerializable(String?):'可序列化?&# 39、被抛弃了在Java中被弃用

如何使禁用状态下的material 3按钮与启用状态下的 colored颜色 相同?

Android可组合继承?

房间DB:UPSERT返回什么?

如果我的圆形图像的顶部居中于卡片内部,我如何在其下方画一条弧线?

如何用帆布在喷气背包中画一个圆环?

如何在 compose 中使用可变对象?

retrofit2.HttpException: HTTP 401

如何在Android Studio中禁用文件中的Github用户名引用?

同样的参数值下,为什么requiredSizeIn不等于requiredWidthIn + requiredHeightIn?

如何在ExecutorService中设置progressBar的进度?不想使用 AsyncTask,因为它已被弃用

如何在Android中使用嵌套的Recyclerview

单击按钮时不显示 Toast 消息

在 Jetpack Compose 中对齐行项目

Electric Eel 后 Gradle 项目同步失败 | 2022.1.1更新

在 Compose 中停止键盘将顶部应用栏推离屏幕

如何将一个 Composable 作为其参数传递给另一个 Composable 并在 Jetpack Compose 中显示/运行它

有什么方法可以确定正在使用哪个 Android 手机的麦克风进行录音?

如何在 Jetpack Compose 中为中心对齐设置动画?

0dp 大小的可组合文件是否可以组合?