React-Native упаковка кнопок, кнопка

Question

Я пытаюсь обернуть кнопку, которая уже существует с функциональностью recordActivityTag, Прямо сейчас, как это работает, это не захват функции данных с первой кнопки. Мне нужно следить за тегами в приложении. Вот почему я построил recordActivityTag, Эта функциональность прекрасно работает для событий, за исключением кнопок.

Как мне позвонить в onPress - если это возможно - действие над кнопкой с другого экрана? Я знаю, что мне нужно передать внешнюю подпорку в TouchableOpacity, а затем вызвать другую кнопку.

import * as React from "react";
import { Core } from "common";
import { TouchableOpacity } from "react-native";

interface BtnProps {
  readonly data: string
  readonly recordActivityTag:(tag: Core.ActivityTag) => void
}

export default class Button extends React.Component<BtnProps, {}> {
  constructor(props: BtnProps) {
    super(props);
  }

  render() {
    const { recordActivityTag } = this.props;
    return (
      <TouchableOpacity>
        onPress {() => recordActivityTag}
        {this.props.children}
      </TouchableOpacity>
    );
  }
}

Answer 1

Убедитесь, что вы даете свою функцию onPress опора TouchableOpacity компонент, и что вы на самом деле называете recordActivityTag внутри.

export default class Button extends React.Component<BtnProps, {}> {
  render() {
    const { recordActivityTag } = this.props;
    return (
      <TouchableOpacity onPress={() => recordActivityTag()}>
        {this.props.children}
      </TouchableOpacity>
    );
  }
}