Как набрать навигацию в библиотеке React-Navigation? - PullRequest
Новая
       60

Как набрать навигацию в библиотеке React-Navigation?

1 голос
/ 18 июня 2020

Я использую react-navigation 5.5.1, все работает отлично, но у меня проблемы с машинописным текстом.

Я попытался ввести опору navigation в соответствии с документами (https://reactnavigation.org/docs/typescript/), но похоже, что навигация по-прежнему имеет тип any.

Любые подсказки что я пропустил? 

export type AppParamList = {
  Intro: undefined;
  Stories: undefined;
};

interface RoutesProps {}

const Stack = createStackNavigator<AppParamList>();

const Routes: FC<RoutesProps> = () => {
  return (
    <SafeAreaProvider>
      <NavigationContainer>
        <Stack.Navigator>
          <Stack.Screen name="Intro" component={Intro} />
          <Stack.Screen name="Stories" component={Stories} />
        </Stack.Navigator>
      </NavigationContainer>
    </SafeAreaProvider>
  );
};

// Intro.tsx
import { StackNavigationProp } from '@react-navigation/stack';
import { AppParamList } from ../

type IntroScreenNavigationProp = StackNavigationProp<AppParamList, 'Intro'>;

type Props = {
  navigation: IntroScreenNavigationProp;
};

const Intro = ({ navigation }: Props): ReactElement => (
  <SafeAreaView>
    <Text>Intro</Text>
    <TouchableHighlight onPress={() => navigation.navigate('Stories')}>
      <Text>Go to stories</Text>
    </TouchableHighlight>
  </SafeAreaView>
);

enter image description here

1 Ответ

1 голос
/ 19 июня 2020

Я воспроизводил проблему с помощью WebStorm 2019.2. Я только что обновился до 2020.2, и теперь предупреждение исчезло. Я предполагаю, что это была проблема с моей IDE :)

...