mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Jesse Katsumata
e8f577e541
Summary: Addresses Issue from https://github.com/react-native-community/react-native-segmented-control/issues/16 SegmentedControlIOS changed how it looks in iOS13. This PR allows allows more customization of SegmentedControl for iOS13. ## Changelog [iOS] [Added] - add textColor and backgroundColor props for iOS >=13 Pull Request resolved: https://github.com/facebook/react-native/pull/27643 Test Plan: | Before | After | | --- | --- | | <img src="https://user-images.githubusercontent.com/6936373/71608475-e68ff580-2bc4-11ea-9fe4-b85b99130356.png" width="320" /> | <img src="https://user-images.githubusercontent.com/6936373/71608757-dc6ef680-2bc6-11ea-85be-aa31f25ecf36.png" width="320" /> | Differential Revision: D19296783 Pulled By: cpojer fbshipit-source-id: 81a31b2d5ae3085a6fd1874e7d72e75be4c51318
47 lines
1.2 KiB
JavaScript
47 lines
1.2 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 strict-local
|
|
* @format
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
|
|
import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
|
|
import type {ViewProps} from '../View/ViewPropTypes';
|
|
import type {
|
|
BubblingEventHandler,
|
|
WithDefault,
|
|
Int32,
|
|
} from '../../Types/CodegenTypes';
|
|
import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
|
|
|
|
export type OnChangeEvent = $ReadOnly<{|
|
|
value: Int32,
|
|
selectedSegmentIndex: Int32,
|
|
|}>;
|
|
|
|
type NativeProps = $ReadOnly<{|
|
|
...ViewProps,
|
|
|
|
// Props
|
|
values?: $ReadOnlyArray<string>,
|
|
selectedIndex?: WithDefault<Int32, 0>,
|
|
enabled?: WithDefault<boolean, true>,
|
|
tintColor?: ?ColorValue,
|
|
textColor?: ?ColorValue,
|
|
backgroundColor?: ?ColorValue,
|
|
momentary?: WithDefault<boolean, false>,
|
|
|
|
// Events
|
|
onChange?: ?BubblingEventHandler<OnChangeEvent>,
|
|
|}>;
|
|
|
|
export default (codegenNativeComponent<NativeProps>(
|
|
'RCTSegmentedControl',
|
|
): HostComponent<NativeProps>);
|