0

我正在尝试使用 touchablehighlight 组件,当我按下它时,什么也没有发生。所以我把它改成了一个按钮并添加了一个控制台日志,但反应本机不会注册新闻。

我正在使用世博会,而且我对本机反应还比较陌生。

请告诉我我做错了什么

import React, { useState } from "react";
import {
    Button,
  Modal,
  StyleSheet,
  Text,
  TouchableHighlight,
  View,
} from "react-native";

const customPicker = (props) => {
  const [selectedNumber, setSelectedNumber] = useState(props.pickerValues[0]);
  const [pickerDisplayed, setPickerDisplayed] = useState(false);

  function changeSelectedNumber(value) {
    setSelectedNumber(value);
    setPickerDisplayed(false);
  }
  const touchableHighlightcomponent = props.pickerValues.map((value, index) => (
    <TouchableHighlight
      style={styles.th}
      onPress={() => changeSelectedNumber({ value })}
      key={index}
    >
      <Text>{value}</Text>
    </TouchableHighlight>
  ));



  return (
    <View>
      

      <Button onPress={() => console.log("pressed")} title="one"></Button>

      {/* <TouchableHighlight style={styles.input} onPress={() => this.console.log("pressed")}>
        <Text>{selectedNumber}</Text>
      </TouchableHighlight> */}

      <Modal visible={() => pickerDisplayed} transparent={true}>
        <View style={styles.picker}>
          <View style={styles.pickerItems}>
            <Text>Please select a value</Text>
            {touchableHighlightcomponent}
          </View>
        </View>
      </Modal>
    </View>
  );
};

4

1 回答 1

0

我发现了这个问题。

这是 iOS 模拟器的一个错误,它没有注册按钮推送。

修复:只需重新启动 iOS 模拟器

于 2021-07-30T02:37:58.210 回答