Peut-on ajouter des images avec l'étiquette dans React actionSheetIOS de natif

Question

Je veux montrer des images avec le titre dans les boutons ActionSheet comme ceci:

code J'utilise est

var BUTTONS = [ 
    'Investigated and Resolved', 
    'Under Investigation', 
    'Action Required', 
    'Urgent Action Required', 
    // 'Delete', 
    'Cancel', 
]; 
var CANCEL_INDEX = 4; 

showActionSheet =() => { 
    ActionSheet.showActionSheetWithOptions({ 
     title: 'Flag the status of the event', 
     options: BUTTONS, 
     cancelButtonIndex: CANCEL_INDEX, 
     }, 
     (buttonIndex) => { 
     this.setState({ clicked: BUTTONS[buttonIndex] }); 
     }); 
    } 

Y at-il un façon de styler le texte ou d'ajouter des images?

Answer 1

Trouvé cette bibliothèque pour les fonctionnalités souhaitées ci-dessus. Cela fonctionne pour Android et iOS.

react-native-actionsheet

Nous pouvons également personnaliser tous les composants de la feuille d'action selon notre conception.

Answer 2

ActionSheetIOS met en œuvre la UIAlertController native, qui ne vous permet pas de personnaliser votre texte ou d'ajouter des images aux boutons. Au moins pas d'une manière non-hacky, et vous ne serez sûrement pas en mesure de le faire via ActionSheetIOS.

Vous aurez probablement à utiliser une implémentation JS personnalisé comme natif réagir-actionsheet.