MENU


<Text>

<Text> is a React component for displaying text, supporting nesting, styling, and touch handling.

Special PropsadjustsFontSizeToFitallowFontScalingellipsizeModemaxFontSizeMultipliernativeIDnumberOfLinespressRetentionOffsetselectablestyletestIDtextBreakStrategy Platform-Specific Propsandroid_hyphenationFrequency AndroiddataDetectorType Androiddisabled AndroidselectionColor AndroidsuppressHighlighting iOSminimumFontScale iOS
Accessibility PropsaccessibilityHintaccessibilityLabelaccessibilityRoleaccessibilityStateaccessibilityActionsonAccessibilityActionaccessible Event PropsonLayoutonLongPressonMoveShouldSetResponderonPressonResponderGrantonResponderMoveonResponderReleaseonResponderTerminateonResponderTerminationRequestonStartShouldSetResponderCaptureonTextLayout

RESETRUNFULL
import React, { useState } from "react";import { Text, StyleSheet } from "react-native";const TextInANest = () => {
  const [titleText, setTitleText] = useState("Bird's Nest");
  const bodyText = "This is not really a bird nest.";
  const onPressTitle = () => { setTitleText("Bird's Nest [pressed]"); };
  return (
    <Text style={styles.baseText}>
      <Text style={styles.titleText} onPress={onPressTitle}>
        {titleText}
        {"\n"}
        {"\n"}
      </Text>
      <Text numberOfLines={5}>{bodyText}</Text>
    </Text>
  );};const styles = StyleSheet.create({
  baseText: { fontFamily: "Cochin" },
  titleText: { fontSize: 20, fontWeight: "bold"}});export default TextInANest;