@types/react-native

Component Typing

Provides type definitions for React Native components, allowing for type-checked props and state.

import { View, Text } from 'react-native';

interface Props {
  title: string;
}

const MyComponent: React.FC<Props> = ({ title }) => (
  <View>
    <Text>{title}</Text>
  </View>
);

API Typing

Includes type definitions for React Native APIs, ensuring that the correct types are used for API parameters and return values.

import { Alert } from 'react-native';

Alert.alert('Title', 'Message', [
  {text: 'Cancel', onPress: () => console.log('Cancel Pressed'), style: 'cancel'},
  {text: 'OK', onPress: () => console.log('OK Pressed')},
]);

Event Typing

Provides types for event handlers and events, allowing developers to handle events with type safety.

import { TouchableOpacity } from 'react-native';

const MyButton: React.FC = () => (
  <TouchableOpacity onPress={(event) => console.log(event.nativeEvent)}>
    <Text>Press Me</Text>
  </TouchableOpacity>
);