kylefang/react-native
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native.git synced 2026-05-28 16:34:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

RCTSegmentedControl (#23000)

Browse Source 
Summary:
Changelog:
----------

[iOS] [Changed] -  follow #22990, move the call to requireNativeComponent from `SegmentedControlIOS.ios.js` to `RCTSegmentedControlNativeComponent.js`
Pull Request resolved: https://github.com/facebook/react-native/pull/23000

Differential Revision: D13697168

Pulled By: TheSavior

fbshipit-source-id: 83a66279d2fcd5a29d2ebc9cf5b5273947d96281
This commit is contained in:
John.Yang
2019-01-16 13:23:16 -08:00
committed by Facebook Github Bot
parent 3a70bf16e8
commit 378892bc0d
2 changed files with 71 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.ios.js
View File

@@ -13,11 +13,10 @@
const React = require('React');
const StyleSheet = require('StyleSheet');
const requireNativeComponent = require('requireNativeComponent');
const RCTSegmentedControlNativeComponent = require('RCTSegmentedControlNativeComponent');
import type {SyntheticEvent} from 'CoreEventTypes';
import type {ViewProps} from 'ViewPropTypes';
import type {NativeComponent} from 'ReactNative';
type Event = SyntheticEvent<
$ReadOnly<{|
@@ -64,13 +63,9 @@ type SegmentedControlIOSProps = $ReadOnly<{|
type Props = $ReadOnly<{|
...SegmentedControlIOSProps,
forwardedRef: ?React.Ref<typeof RCTSegmentedControl>,
forwardedRef: ?React.Ref<typeof RCTSegmentedControlNativeComponent>,
|}>;
type NativeSegmentedControlIOS = Class<
NativeComponent<SegmentedControlIOSProps>,
>;
/**
* Use `SegmentedControlIOS` to render a UISegmentedControl iOS.
*
@@ -92,10 +87,6 @@ type NativeSegmentedControlIOS = Class<
* ````
*/
const RCTSegmentedControl = ((requireNativeComponent(
'RCTSegmentedControl',
): any): NativeSegmentedControlIOS);
class SegmentedControlIOS extends React.Component<Props> {
static defaultProps = {
values: [],
@@ -111,7 +102,7 @@ class SegmentedControlIOS extends React.Component<Props> {
render() {
const {forwardedRef, ...props} = this.props;
return (
<RCTSegmentedControl
<RCTSegmentedControlNativeComponent
{...props}
ref={forwardedRef}
style={[styles.segmentedControl, this.props.style]}
@@ -130,7 +121,7 @@ const styles = StyleSheet.create({
const SegmentedControlIOSWithRef = React.forwardRef(
(
props: SegmentedControlIOSProps,
forwardedRef: ?React.Ref<typeof RCTSegmentedControl>,
forwardedRef: ?React.Ref<typeof RCTSegmentedControlNativeComponent>,
) => {
return <SegmentedControlIOS {...props} forwardedRef={forwardedRef} />;
},