Как передать свойства и навигацию ниже, реагируйте на собственный код - PullRequest
Новая
       8

Как передать свойства и навигацию ниже, реагируйте на собственный код

0 голосов
/ 08 мая 2020
• 1000 Что обозначает Reach.F C? 
interface HomeScreenProps {}

export const HomeScreen: React.FC<HomeScreenProps> = ({}) => (
  <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
    <Text>Home!</Text>
  </View>
)

Ответы [ 2 ]

0 голосов
/ 08 мая 2020

Теперь вы можете использовать хук useNavigation, не передавая его в реквизитах. https://reactnavigation.org/docs/use-navigation/

0 голосов
/ 08 мая 2020

Вы можете использовать типы, предоставленные @react-navigation/native и @react-navigation/stack; 

import { RouteProp } from '@react-navigation/native';
import { StackNavigationProp } from '@react-navigation/stack';

type RootParams = {
  Home: undefined;
};

type HomeScreenRouteProps = RouteProp<RootParams, 'Home'>;

type HomeScreenNavigationProps = StackNavigationProp<
  RootParams,
  'Home'
>;

interface HomeScreenProps = {
  route: HomeScreenRouteProps;
  navigation: HomeScreenNavigationProps;
};

export const HomeScreen: React.FC<HomeScreenProps> = ({ navigate, route }) => (
  <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
    <Text>Home!</Text>
  </View>
)
...