mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
AndreiCalazans
3945f10561
Summary: Changes RNTester, first attempt in the direction of improving the RNTester overall. Related ticket: #24647 Changed the `js` directory of the RNTester to have the following structure: ``` - js - assets - components - examples - types - utils ``` * **assets** _Any images, gifs, and media content_ * **components** _All shared components_ * **examples** _Example View/Components to be rendered by the App_ * **types** _Shared flow types_ * **utils** _Shared utilities_ ## Changelog [General] [Changed] - Update folder structure of RNTester's JS directory. Pull Request resolved: https://github.com/facebook/react-native/pull/25013 Differential Revision: D15515773 Pulled By: cpojer fbshipit-source-id: 0e4b6386127f338dca0ffe8c237073be53a9e221
60 lines
1.6 KiB
JavaScript
60 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.
|
|
*
|
|
* @format
|
|
* @flow strict-local
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const React = require('react');
|
|
const {StyleSheet, Switch, Text, View} = require('react-native');
|
|
const RNTesterStatePersister = require('../utils/RNTesterStatePersister');
|
|
|
|
class RNTesterSettingSwitchRow extends React.Component<
|
|
$FlowFixMeProps,
|
|
$FlowFixMeState,
|
|
> {
|
|
UNSAFE_componentWillReceiveProps(newProps) {
|
|
const {onEnable, onDisable, persister} = this.props;
|
|
if (newProps.persister.state !== persister.state) {
|
|
newProps.persister.state ? onEnable() : onDisable();
|
|
}
|
|
}
|
|
render() {
|
|
const {label, persister} = this.props;
|
|
return (
|
|
<View style={styles.row}>
|
|
<Text>{label}</Text>
|
|
<Switch
|
|
value={persister.state}
|
|
onValueChange={value => {
|
|
persister.setState(() => value);
|
|
}}
|
|
/>
|
|
</View>
|
|
);
|
|
}
|
|
}
|
|
const styles = StyleSheet.create({
|
|
row: {
|
|
padding: 10,
|
|
flexDirection: 'row',
|
|
justifyContent: 'space-between',
|
|
},
|
|
});
|
|
/* $FlowFixMe(>=0.85.0 site=react_native_fb) This comment suppresses an error
|
|
* found when Flow v0.85 was deployed. To see the error, delete this comment
|
|
* and run Flow. */
|
|
RNTesterSettingSwitchRow = RNTesterStatePersister.createContainer(
|
|
RNTesterSettingSwitchRow,
|
|
{
|
|
cacheKeySuffix: ({label}) => 'Switch:' + label,
|
|
getInitialState: ({initialValue}) => initialValue,
|
|
},
|
|
);
|
|
module.exports = RNTesterSettingSwitchRow;
|