mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Peter Abbondanzo
09682b5109
Summary: Pull Request resolved: https://github.com/facebook/react-native/pull/46898 Replaces *many* `Text` component usages with `RNTesterText`: a thin wrapper around `Text` that applies color based on the color scheme chosen by the user. It makes text legible for dark mode across 41 different example files. This changes intentionally do not touch a few larger component sites that expand beyond RNTester, like `Animated` and `NewAppScreen` Changelog: [Internal] Reviewed By: rshest Differential Revision: D64053464 fbshipit-source-id: 9516fef2afe1b364eb38e85e3a2dbb5c434e44db
46 lines
929 B
JavaScript
46 lines
929 B
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.
|
|
*
|
|
* @format
|
|
* @flow strict-local
|
|
*/
|
|
|
|
import RNTesterText from './RNTesterText';
|
|
|
|
import * as React from 'react';
|
|
import {StyleSheet, Switch, View} from 'react-native';
|
|
|
|
type Props = {
|
|
label: string,
|
|
onEnable: () => void,
|
|
onDisable: () => void,
|
|
active: boolean,
|
|
};
|
|
|
|
const styles = StyleSheet.create({
|
|
row: {
|
|
padding: 10,
|
|
flexDirection: 'row',
|
|
justifyContent: 'space-between',
|
|
},
|
|
});
|
|
|
|
const RNTesterSettingSwitchRow = ({
|
|
label,
|
|
onEnable,
|
|
onDisable,
|
|
active,
|
|
}: Props): React.Node => {
|
|
return (
|
|
<View style={styles.row}>
|
|
<RNTesterText>{label}</RNTesterText>
|
|
<Switch value={active} onValueChange={active ? onDisable : onEnable} />
|
|
</View>
|
|
);
|
|
};
|
|
|
|
export default RNTesterSettingSwitchRow;
|