mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Samuel Susla
4eb8a951ff
Summary: Changelog: Switch on iOS now uses command instead of `setNativeProps`. Reviewed By: lunaleaps Differential Revision: D17714895 fbshipit-source-id: 0e8784fc1d0a57c563b0a4c038febdc0320af11e
59 lines
1.6 KiB
JavaScript
59 lines
1.6 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
* @format
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
import type {BubblingEventHandler, WithDefault} from '../../Types/CodegenTypes';
|
|
import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
|
|
import type {ViewProps} from '../View/ViewPropTypes';
|
|
import * as React from 'react';
|
|
|
|
import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
|
|
import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
|
|
import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
|
|
|
|
type SwitchChangeEvent = $ReadOnly<{|
|
|
value: boolean,
|
|
|}>;
|
|
|
|
type NativeProps = $ReadOnly<{|
|
|
...ViewProps,
|
|
|
|
// Props
|
|
disabled?: WithDefault<boolean, false>,
|
|
value?: WithDefault<boolean, false>,
|
|
tintColor?: ?ColorValue,
|
|
onTintColor?: ?ColorValue,
|
|
thumbTintColor?: ?ColorValue,
|
|
|
|
// Deprecated props
|
|
thumbColor?: ?ColorValue,
|
|
trackColorForFalse?: ?ColorValue,
|
|
trackColorForTrue?: ?ColorValue,
|
|
|
|
// Events
|
|
onChange?: ?BubblingEventHandler<SwitchChangeEvent>,
|
|
|}>;
|
|
|
|
type ComponentType = HostComponent<NativeProps>;
|
|
|
|
interface NativeCommands {
|
|
+setValue: (viewRef: React.ElementRef<ComponentType>, value: boolean) => void;
|
|
}
|
|
|
|
export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
|
|
supportedCommands: ['setValue'],
|
|
});
|
|
|
|
export default (codegenNativeComponent<NativeProps>('Switch', {
|
|
paperComponentName: 'RCTSwitch',
|
|
excludedPlatform: 'android',
|
|
}): ComponentType);
|