傳遞函數ReactNative圖書館ActionButton

Question

背景

我使用xotahal/react-native-material-ui材料的設計在我React-Native應用。我已經實施了帶有多個按鈕的ActionButton。我找不到解釋如何使用它的文檔中的任何地方。我能夠在git倉庫中找到組件並管理讓按鈕呈現，但我無法讓它們觸發onClick()。

例

被點擊主藍色按鈕時，按鈕出現。

問題

什麼是通過功能到這些按鈕的正確方法，或文檔在被這個解釋呢？

代碼

<ActionButton 
    actions={[ 
     { icon: 'note-add', label: 'Add', onPress:() => this.toggleSearch() }, 
     { icon: 'save', label: 'Save', onPress:() => this.handleOnSave() },]} 

/>

toggleSearch() { 
     console.log('################## HEY SEARCH WORKS ##########################'); 

    } 

問題的是，當我按一下按鈕沒有功能被解僱。

如果有人知道在文檔中對此進行了解釋，我將不勝感激。

Answer 1

ActionButtonactions prop需要一個形狀爲{icon, label, name}的物體。如果要處理onPress，則需要將其定義爲組件的支柱，而不是動作對象。

例

<ActionButton 
    actions={[ 
     { icon: 'note-add', label: 'Add' }, 
     { icon: 'save', label: 'Save'}]} 
    onPress={(text) => this.onPress(text)} 
/> 

// ... 

onPress(text) { 
    switch(text) { 
    case: 
     // do something on this case 
     break; 
    case: 
     // do another thing on this case 
     break; 
    } 
}