githubmr/facebook-react-native: A framework for building native applications using React

packages/react-native-popup-menu-android/js/PopupMenuAndroidNativeComponent.android.js

50 строк1 KB

Rubén Norte

Create specific module in RN to define the types for host instances and host components that ReactNativeTypes defines (#49601)

24 фев 2025, 16:32

24 фев 2025, 16:32e630b2c

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow strict-local
 * @format
 */

import type {HostComponent} from 'react-native';
import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
import type {
  DirectEventHandler,
  Int32,
} from 'react-native/Libraries/Types/CodegenTypes';

import * as React from 'react';
import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';

type PopupMenuSelectionEvent = $ReadOnly<{
  item: Int32,
}>;

type PopupMenuDismissEvent = $ReadOnly<{}>;

type NativeProps = $ReadOnly<{
  ...ViewProps,

  //Props
  menuItems?: ?$ReadOnlyArray<string>,

  onPopupMenuSelectionChange?: DirectEventHandler<PopupMenuSelectionEvent>,
  onPopupMenuDismiss?: DirectEventHandler<PopupMenuDismissEvent>,
}>;

type ComponentType = HostComponent<NativeProps>;

interface NativeCommands {
  +show: (viewRef: React.ElementRef<ComponentType>) => void;
}

export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
  supportedCommands: ['show'],
});

export default (codegenNativeComponent<NativeProps>(
  'AndroidPopupMenu',
): HostComponent<NativeProps>);