禁用點擊反應原生

Question

特定的按鈕我有ListView組件上列出的反應本機（大約3000個按鈕）上的按鈕列表。

如何禁用單擊按鈕上的按鈕號碼365？

Answer 1

你還沒有在這裏提到一個關鍵點，你打算如何禁用一個按鈕？您是否想要禁用某個按鈕以響應某些操作，或者您是否想要默認禁用某個按鈕？請明確說明。所以我在這裏假設幾件事情 -

1. 你想禁用一些按鈕後，你將不得不 保持狀態。
2. 您已經使用TouchableHighlight或 TouchableWithoutFeedback

使用rowId智能禁用確切項目。填充一個已破壞的ID數組並相應地禁用該項。

渲染方法渲染的ListView

render: function(){ 
    return(
     <ListView 
      dataSource={this.state.dataSource} 
      renderRow={(rowData, sectionID, rowID) => renderItem.bind(this, rowId)} 
      style={styles.listView} 
     /> 
    ); 
}, 
renderItem: function(id){ 
    return <Item id={id} enabled={this.state.isEnabled} data={{name: 'foo', details: 'bar'}} /> 
} 

項目組件都有自己的功能和狀態和道具。

render: function(){ 
    return(
     <TouchableHighlight underlayColor={'#939393'} onPress={this.onPressItem}> 
      <View style={styles.container}> 
       <Text>{this.props.data.name}</Text> 
       <Text>{this.props.data.details}</Text> 
      </View> 
     </TouchableHighlight> 
    ) 
}, 
onPressItem: function(){ 
    if(this.props.enabled){ 
     //do something 
    } 
    else{ 
     //do nothing 
    } 
}