java中native变量_在JavaScript类之间重现Native变量

我正在尝试使用react-navigation设置导航操作但我遇到了麻烦，因为我使用FlatList和Pure Component来渲染列表中的项目 . 列表渲染正常但是当我尝试将onPress函数添加到TouchableHighlight时，我无法调用正常导航功能，因为它不知道变量导航的含义 . 我想保留Pure Component的单独文件，而不是将其移动到另一个类中，如果可能的话 .

纯组分：

export default class Lot extends React.PureComponent {

render() {

return (

onPress={() => navigate('LotView')}

>

{this.props.active && ()}

);

}

}

以下是我的App.js课程 .

FlatList

data={this.state.lots}

renderItem={({ item }) => }

/>

导航屏幕

export const MyApp = StackNavigator({

Home: { screen: HomeScreen },

LotView: { screen: LotView },

});