1

我正在尝试使用 Expo 在 React Native 中创建一个井字游戏板。我正在使用 TouchableHighlight 使电路板可触摸，以便我可以添加 X 和 O。当应用程序运行时，我收到以下错误：“找不到变量：TouchableHighlight”（Board.js 12:6）。

Board.js

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

export default class Board extends Component {

  _onPressButton() {
    console.log("you tapped the thing");
  }

  render() {
    return (
      <TouchableHighlight onPress={this._onPressButton}>
        <View style={styles.container}>
          <Image source = {require('./board.png')} style = {styles.table}/>
        </View>
      </TouchableHighlight>
    );
  }
}

const Xmark = (props) => (
  <View>
    <Image source = {require('./Xmark.png')} style = {styles.mark}/>
  </View>
);

const Omark = (props) => (
  <View>
    <Image source = {require('./Omark.png')} style = {styles.mark}/>
  </View>
);

const styles = StyleSheet.create({
  container: {
    flex: 6,
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
  },
  table: {
    height: 250,
    width: 250,
  },
  mark: {
    height: 25,
    width: 25,
  },
});

还有什么我需要导入的吗？我查看了其他人的代码，并没有发现任何明显不同的地方。任何帮助表示赞赏，谢谢。

4

1 回答 1

8

你只需要import { TouchableHighlight } from 'react-native'.

于 2017-04-13T19:25:59.587 回答