Question

我将TouchableOpacity用作onPress，因为View无法做到这一点。当我通过导航给TouchableOpacity onPress提供帮助时，它停止工作。为什么不工作？请帮帮我。代码：

<TouchableOpacity style={{flex:2}}
                activeOpacity={.7}
                onPress={() => navigate('Articles', {
                  otherParam: rowData.article_title
                })}>
             <Image
        source = {{ uri: rowData.mobile_image }}
               style={{resizeMode:'cover',width:null,height:null, flex:1,  borderRadius:4,
                 borderWidth:1,
                 borderColor:'#dddddd'}}
             />

             <Text
             style={styles.textOfArticle}
             >
               {rowData.article_title}
             </Text>

  </TouchableOpacity>

Answer 1

首先，TouchableOpacity必须只有一个子组件。您正在分别添加Image和Text组件。必须将它们包装在View中。

像这样更改它，

<TouchableOpacity style={{flex:2}}
                activeOpacity={.7}
                onPress={() => navigate('Articles', {
                  otherParam: rowData.article_title
                })}>
             <View>
             <Image
        source = {{ uri: rowData.mobile_image }}
               style={{resizeMode:'cover',width:null,height:null, flex:1,  borderRadius:4,
                 borderWidth:1,
                 borderColor:'#dddddd'}}
             />

             <Text
             style={styles.textOfArticle}
             >
               {rowData.article_title}
             </Text>
             </View>
  </TouchableOpacity>

TouchableOpacity在导航中无法正常工作

1 个答案: