Я только что скачал этот репозиторий:
https://github.com/callstack/react-native-paper
и открыл следующий файл с VS Code
:
https://github.com/callstack/react-native-paper/blob/master/example/src/RootNavigator.js
, который содержит следующий код:
/* @flow */
import * as React from 'react';
import { createStackNavigator } from 'react-navigation';
import { Appbar } from 'react-native-paper';
import ExampleList, { examples } from './screens/ExampleList';
const routes = Object.keys(examples)
.map(id => ({ id, item: examples[id] }))
.reduce((acc, { id, item }) => {
const Comp = item;
const Screen = props => <Comp {...props} />;
Screen.navigationOptions = props => ({
header: (
<Appbar.Header>
<Appbar.BackAction onPress={() => props.navigation.goBack()} />
<Appbar.Content title={(Comp: any).title} />
</Appbar.Header>
),
/* $FlowFixMe */
...(typeof Comp.navigationOptions === 'function'
? Comp.navigationOptions(props)
: Comp.navigationOptions),
});
return {
...acc,
[id]: { screen: Screen },
};
}, {});
export default createStackNavigator(
{
home: { screen: ExampleList },
...routes,
},
{
navigationOptions: ({ navigation }) => ({
header: (
<Appbar.Header>
<Appbar.Action icon="menu" onPress={() => navigation.openDrawer()} />
<Appbar.Content title="Examples" />
</Appbar.Header>
),
}),
}
);
Моя проблема в том, что по какой-то причине VS Code
помечает красным цветом линии вокруг:
export default createStackNavigator(...)
как вы можете видеть на следующем изображении:
С другой стороны, в строке состояния VS Code
я получаю: 0 Errors, 0 Warnings
для этого файла.
Есть идеи о том, что здесь происходит?
Спасибо.