Text

import { Text } from 'react-native';

import React from 'react';
import { Text, StyleSheet } from 'react-native';

function BasicText() {
  return <Text style={styles.text}>Hello World</Text>;
}

const styles = StyleSheet.create({
  text: {
    fontSize: 16,
    color: '#333',
  },
});

import { Text, StyleSheet } from 'react-native';

function NestedText() {
  return (
    <Text style={styles.baseText}>
      I am bold
      <Text style={styles.innerText}> and red</Text>
    </Text>
  );
}

const styles = StyleSheet.create({
  baseText: {
    fontWeight: 'bold',
    fontSize: 16,
  },
  innerText: {
    color: 'red',
  },
});

import { Text, StyleSheet } from 'react-native';

function TruncatedText() {
  return (
    <Text 
      style={styles.text}
      numberOfLines={2}
      ellipsizeMode='tail'
    >
      This is a very long text that will be truncated after two lines.
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </Text>
  );
}

const styles = StyleSheet.create({
  text: {
    fontSize: 14,
  },
});

import { Text, StyleSheet, Alert } from 'react-native';

function PressableText() {
  return (
    <Text 
      style={styles.link}
      onPress={() => Alert.alert('Text pressed!')}
    >
      Click me
    </Text>
  );
}

const styles = StyleSheet.create({
  link: {
    color: '#007AFF',
    textDecorationLine: 'underline',
  },
});

import { Text, StyleSheet } from 'react-native';

function SelectableText() {
  return (
    <Text style={styles.text} selectable={true}>
      You can select and copy this text.
    </Text>
  );
}

const styles = StyleSheet.create({
  text: {
    fontSize: 16,
  },
});