/
githubmirror
/
react-native
Обзор
Документация
Войти
/
githubmirror
/
react-native
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/rn-tester/js/examples/Animated/utils/ToggleNativeDriver.js
48 строк
1 KB
Tim Yung
RN: Prefer Destructured Import for `useContext` (#51412)
17 май 2025, 02:33
17 май 2025, 02:33
2f77e0d
Код
Авторство
О чём код?
/** * 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. * * @flow strict-local * @format */ import {RNTesterThemeContext} from '../../../components/RNTesterTheme'; import * as React from 'react'; import {useContext} from 'react'; import {StyleSheet, Switch, Text, View} from 'react-native'; type ViewStyleProp = React.ElementConfig<typeof View>['style']; type Props = { value: boolean, onValueChange: React.ElementConfig<typeof Switch>['onValueChange'], style?: ?ViewStyleProp, }; export default function ToggleNativeDriver({ value, onValueChange, style, }: Props): React.Node { const theme = useContext(RNTesterThemeContext); return ( <View style={StyleSheet.compose(styles.row, style)}> <Text style={{color: theme.SecondaryLabelColor}}>Use Native Driver</Text> <Switch testID="toggle-use-native-driver" onValueChange={onValueChange} value={value} /> </View> ); } const styles = StyleSheet.create({ row: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }, });