Как изменить текст в компоненте при клике на кнопку?

Для изменения текста в компоненте при клике на кнопку в React Native можно воспользоваться состоянием (state).

Сначала нужно создать новый компонент, представляющий кнопку и текстовое поле:

import React, { useState } from 'react';
import { View, Text, Button } from 'react-native';

const App = () => {
  const [text, setText] = useState('Нажмите на кнопку');

  const changeText = () => {
    setText('Текст изменен');
  };

  return (
    <View>
      <Text>{text}</Text>
      <Button title="Изменить текст" onPress={changeText} />
    </View>
  );
};

export default App;

Здесь мы использовали хук useState, чтобы создать состояние text со значением 'Нажмите на кнопку', а также функцию setText для изменения состояния.

В JSX разметке компонента App мы выводим текстовый элемент Text, значение которого берется из состояния text, и кнопку Button, у которой есть обработчик onPress, который вызывает функцию changeText при клике. Функция changeText изменяет состояние text с помощью функции setText, присваивая ему новое значение 'Текст изменен'.

При клике на кнопку, текст в компоненте будет изменяться на 'Текст изменен'.