使用 React Navigation 将 props 传递给子组件

Question

我正在尝试弄清楚如何将 props 传递给 'Camera' 组件，但是当我尝试

时出现语法错误

component= { Camera doSomething={this.doSomething}}

似乎找不到帮助解决此问题的文档。如果你知道怎么做，我相信它很简单 - 希望有人能提供帮助。

我的代码

import React, { Component } from 'react';
import Camera from './camera'
import VideoComponent from './video'
import AudioComponent from './audio'
import File from './file'
import { createMaterialBottomTabNavigator } from '@react-navigation/material-bottom-tabs';
import { MaterialCommunityIcons } from 'react-native-vector-icons';


const CaptureNav = createMaterialBottomTabNavigator();


class Capture extends Component {
  render(){
    return (
      <CaptureNav.Navigator >

        <CaptureNav.Screen 
          name="Camera" 
          component= {Camera}
          options={{
            tabBarIcon : () => (
              <MaterialCommunityIcons name='camera' color={'black'} size={26} />
            )
          }}
        />

        <CaptureNav.Screen 
          name="Video" 
          component= {VideoComponent} 

        />

        <CaptureNav.Screen 
          name="Audio" 
          component= {AudioComponent}

        />

         <CaptureNav.Screen 
          name="File" 
          component= {File} 

        />

      </CaptureNav.Navigator>
    )
  }
}

export default Capture

Answer 1

<Stack.Screen name="Home">
  {props => <HomeScreen {...props} extraData={someData} />}
</Stack.Screen>

check this

使用 React Navigation 将 props 传递给子组件

Passing props to child components with a React Navigation

react-native

react-props