/
githubmirror
/
react-native
Обзор
Документация
Войти
/
githubmirror
/
react-native
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/rn-tester/js/examples/TextInput/ExampleTextInput.js
55 строк
1 KB
Tim Yung
xplat/js: Auto-fix `react-prefer-namespace-import` ESLint Rule (#56233)
27 мар 2026, 03:04
27 мар 2026, 03:04
bfb6870
Код
Авторство
О чём код?
/** * 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, TextInput} from 'react-native'; const ExampleTextInput: component( ref?: React.RefSetter<null | React.ElementRef<typeof TextInput>>, ...props: Omit<React.ElementConfig<typeof TextInput>, 'ref'> ) = ({ ref, ...props }: { ref?: React.RefSetter<null | React.ElementRef<typeof TextInput>>, ...React.ElementConfig<typeof TextInput>, }) => { const theme = useContext(RNTesterThemeContext); return ( <TextInput ref={ref} {...props} style={[ { backgroundColor: theme.SecondaryGroupedBackgroundColor, borderColor: theme.QuaternaryLabelColor, color: theme.LabelColor, }, styles.input, props.style, ]} /> ); }; const styles = StyleSheet.create({ input: { borderWidth: 1, flexGrow: 1, flexShrink: 1, fontSize: 13, padding: 4, }, }); export default ExampleTextInput;