は、我々はのネイティブactionSheetIOS

Question

は、私はこのようなActionSheetボタンでタイトルと画像を表示したい反応にラベルと画像を追加することができます：私は使用しています

コードが

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] }); 
     }); 
    } 

ですがテキストのスタイルや画像の追加方法は？

Answer 1

上記の所望の機能性のためにこのライブラリーを見出した。 AndroidとiOSの両方で動作します。

react-native-actionsheet

また、当社の設計に応じてアクションシートのすべてのコンポーネントをカスタマイズすることができます。

Answer 2

ActionSheetIOSはネイティブUIAlertControllerを実装しています。これは、テキストをカスタマイズしたり、ボタンに画像を追加したりすることはできません。少なくともハッキーではない方法では、あなたは必ずActionSheetIOS経由でそれを行うことができません。

react-native-actionsheetのようなカスタムJS実装を使用する必要があります。