主页 / 问题 / 801389
Accepted
sinevik
Asked:2020-03-19 18:15:43 +0000 UTC2020-03-19 18:15:43 +0000 UTC

如何制作点击处理程序？onPress 的红场？

  • 772

import React from 'react';
import { Button, View, Text, Image } from 'react-native';
import { StackNavigator } from 'react-navigation'; // Version can be specified in package.json

class HomeScreen extends React.Component {
  render() {
    return (
      <View style={{height:100, backgroundColor:'#263137'}}>
          <View style={{width: 20, height:20, backgroundColor:'red'}}>
          </View>
      </View>
    );
  }
}

在此处输入图像描述

我知道有 onPress，但它只适用于按钮。如何在红色方块上做一个老生常谈的点击？？？？？？

react-native

1 个回答

  1. Best Answer

    将视图包裹在 TouchableHighlight 组件中

    <TouchableHighlight onPress={() => { }} >
    <View style={{width: 20, height:20, backgroundColor:'red'}}> </View>
</TouchableHighlight>
    • 0

相关问题