禁用点击反应原生

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 
    } 
}