反応ネイティブのクリックで特定のボタンを無効にする

Question

リストビューコンポーネントに表示されている反応ネイティブ（約3000個のボタン）のボタンのリストがあります。

ボタンクリックでボタン番号365を無効にするにはどうすればよいですか？

Answer 1

ここで重要な点について言及していないが、どのようにボタンを無効にする予定ですか？何らかのアクションに応答してボタンを無効にするか、デフォルトでボタンを無効にしますか？ご指定ください。だから私はあなたには、いくつかのアクション時にボタンを無効にしたいhere-

1. いくつかのことを仮定している、あなたは状態を維持 する必要があります。
2. あなたはインテリジェントに正確な項目を無効にするには、TouchableHighlightまたは TouchableWithoutFeedback

使用rowIdを使用していました。無効化されたIDの配列を設定し、それに応じてその項目を無効にします。

あなたのrenderメソッドはレンダリングの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 
    } 
}