mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
David
5dd2f2e4b7
Summary:
I noticed that typescript type for `onChange` event of `<Switch/>` was incorrect
```tsx
<Switch
onChange={(event) => {
// TS
event.value; // boolean
event.nativeEvent.value; //TS2339: Property 'value' does not exist on type 'Event'.
// JS
console.log(event.nativeEvent); // {value:false,target:87}
console.log(event.value); // undefined
}}
/>
```
## Changelog
[General] [Changed] - Typescript: update incorrect `SwitchChangeEvent` type
Pull Request resolved: https://github.com/facebook/react-native/pull/34931
Test Plan: ...
Reviewed By: lunaleaps
Differential Revision: D40240552
Pulled By: skinsshark
fbshipit-source-id: 4d39d547778de4ac4dc6c94471f05bfbe157d0e5
63 lines
1.6 KiB
JavaScript
63 lines
1.6 KiB
JavaScript
/**
|
|
* 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 '../../Renderer/shims/ReactNativeTypes';
|
|
import type {ColorValue} from '../../StyleSheet/StyleSheet';
|
|
import type {
|
|
BubblingEventHandler,
|
|
Int32,
|
|
WithDefault,
|
|
} from '../../Types/CodegenTypes';
|
|
import type {ViewProps} from '../View/ViewPropTypes';
|
|
|
|
import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
|
|
import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
|
|
import * as React from 'react';
|
|
|
|
type SwitchChangeEvent = $ReadOnly<{|
|
|
value: boolean,
|
|
target: Int32,
|
|
|}>;
|
|
|
|
type NativeProps = $ReadOnly<{|
|
|
...ViewProps,
|
|
|
|
// Props
|
|
disabled?: WithDefault<boolean, false>,
|
|
enabled?: WithDefault<boolean, true>,
|
|
thumbColor?: ?ColorValue,
|
|
trackColorForFalse?: ?ColorValue,
|
|
trackColorForTrue?: ?ColorValue,
|
|
value?: WithDefault<boolean, false>,
|
|
on?: WithDefault<boolean, false>,
|
|
thumbTintColor?: ?ColorValue,
|
|
trackTintColor?: ?ColorValue,
|
|
|
|
// Events
|
|
onChange?: BubblingEventHandler<SwitchChangeEvent>,
|
|
|}>;
|
|
|
|
type NativeType = HostComponent<NativeProps>;
|
|
|
|
interface NativeCommands {
|
|
+setNativeValue: (
|
|
viewRef: React.ElementRef<NativeType>,
|
|
value: boolean,
|
|
) => void;
|
|
}
|
|
|
|
export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
|
|
supportedCommands: ['setNativeValue'],
|
|
});
|
|
|
|
export default (codegenNativeComponent<NativeProps>('AndroidSwitch', {
|
|
interfaceOnly: true,
|
|
}): NativeType);
|