如何在React Native Android中使用TouchableNativeFeedback？

Aditya Rohilla 发表于 Dev

阿迪亚·罗希拉（Aditya rohilla）

使用此组件时收到警告。尝试将此组件用作按钮。我尝试了require（'TouchableNativeFeedback'），但没有用。我也尝试npm安装TouchableNativeFeedback，但是失败了。应该如何将其合并到我的本机android代码中？

 {
    var TouchableNativeFeedback= require('TouchableNativeFeedback');
    var Button= require('react-native-button');
    var {

      AppRegistry,
      StyleSheet,
      Text,
      View,
      Image,
      TouchableNativeFeedback,

    } = React;

    var AwesomeProject = React.createClass({
      render: function() {

        return (

          <View style={styles.container}>

            <Text style={styles.welcome}>
              My first App
            </Text>
            <Text style={styles.instructions}>
               we should get started
            </Text>
            <Text style={styles.instructions}>
                Nice!!
            </Text>
          <Image source={require('./abc.png')} style={styles.img} >
          <Text style={styles.welcome}> Inside an image! </Text>
          </Image>
          <TouchableNativeFeedback
            style={styles.img} >
              <View>
              <Text style= {styles.instructions}> 
              Button! 
              </Text>
              </View>
          </ TouchableNativeFeedback>     
          <Button style={styles.img} onClick="this.butclick">
          <View>
          <Text style={styles.instructions}>
          This is a Button 
          </Text>
          </View>
          </Button>


          </View>

        );
      }
    });

}

卡西克·库玛（Karthick Kumar）

可以像这样实现，请参见react-native文档以获取更多功能。

 <TouchableNativeFeedback
     background={TouchableNativeFeedback.Ripple('red')}>
     <View style={styles.view}>
        <Text style={style.text}>Text Here</Text>
     </View>
  </TouchableNativeFeedback>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。