/
githubmr
/
facebook-react-native
Обзор
Документация
Войти
/
githubmr
/
facebook-react-native
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
main
packages/rn-tester/js/examples/Text/TextAdjustsDynamicLayoutExample.js
68 строк
2 KB
Tim Yung
RN: Sort Pragmas in Headers (#51554)
23 май 2025, 07:18
23 май 2025, 07:18
1977dd6
Код
Авторство
О чём код?
/** * 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 * as React from 'react'; import {useState} from 'react'; import {Button, StyleSheet, Text, View} from 'react-native'; export default function TextAdjustsDynamicLayoutExample(props: {}): React.Node { const [height, setHeight] = useState(20); return ( <> <View> <View style={[styles.subjectContainer, {height}]}> <Text testID="adjusting-text" adjustsFontSizeToFit={true} numberOfLines={1} style={styles.subjectText}> This is adjusting text. </Text> </View> </View> <View style={styles.row}> <Button testID="set-height-20" onPress={() => setHeight(20)} title="Set Height to 20" /> </View> <View style={styles.row}> <Button testID="set-height-40" onPress={() => setHeight(40)} title="Set Height to 40" /> </View> <View style={styles.row}> <Button testID="set-height-60" onPress={() => setHeight(60)} title="Set Height to 60" /> </View> </> ); } const styles = StyleSheet.create({ subjectContainer: { backgroundColor: 'rgba(254, 255, 0, 0.75)', justifyContent: 'center', }, subjectText: { fontSize: 40, textAlign: 'center', }, row: { marginTop: 10, }, });