Examples unclear on how to pass props to buttons about react-native-swipeout HOT 8 CLOSED

render: function() {

            return (
                <View style={gStyles.listViewMax}>

                       <ListView
                        dataSource={this.state.dataSource}
                        renderRow={this.renderAlert}
                        style={gStyles.jobListView}
                      />

                </View>
             );
},

renderAlert: function(job) {
        return (<AlertListItem alertKeyType={this.state.alertKeyType} job={job} />);
  },

 render: function() {

        var myButtons = null;

        if(this.state.read) {
                myButtons  = [
                      {
                        text: 'Mark as Unread',
                        backgroundColor: '#FCA612',
                        color:'white',
                        onPress: () => { 
                               this.markRead('markunread');
                             },
                      }
                    ];
         } else {
                myButtons = [
                      {
                        text: 'Mark as Read',
                        backgroundColor: '#FCA612',
                        color:'white',
                        onPress: () => { 
                               this.markRead('markread');
                             },
                      }
                    ];

         }

         let swipeoutBtns = myButtons;

        return (<Swipeout autoClose={true} job={this.props.job} right={swipeoutBtns}>
              <View style={gStyles.alertListViewItemContainer}>
                  <View style={gStyles.alertListViewItemContainerButton}>

                          <View style={gStyles.alertListViewItemPersonalDetails}> 
                              <Text style={gStyles.alertListViewItemName}>{this.props.job.firstname} {this.props.job.lastname}</Text>
                              <Text style={gStyles.alertListViewItemNote}>{this.props.job.note}</Text>
                              <Text style={gStyles.alertListViewItemTimeAgo}>{this.props.job.datetime}</Text>
                          </View>


                          <View style={gStyles.alertListViewItemReadFlag}> 
                            {this.readOrNot()}
                          </View>
                  </View>
              </View>
        </Swipeout>);

renderRow: function(rowData) {


    let swipeoutBtns = [
          {
            text: 'Mark as read',
            onPress: () => { 
                   this.markAsRead(rowData);
                 },
          }
        ];



return (
      <Swipeout autoClose={true} right={swipeoutBtns}>
 // ... rest of your row render function

                    const deletingRow = this.state.activeRowKey;
                    const jsonData = this.state.jsonData;

                    Alert.alert(
                        'Delete',
                        'Are you sure you want to delete ?',
                        [
                            { text: 'No', onPress: () => console.log('Cancel Pressed'), style: 'cancel' },
                            {
                                text: 'Yes', onPress: () => {
                                    jsonData.splice(this.props.index, 1);
                                    this.props.parentFlatList.refreshFlatList(deletingRow);
                                }
                            },
                        ],
                        { cancelable: true }
                    );

                },
                component: <SwipeDelete />,
            },
        ],`

                    const deletingRow = this.state.activeRowKey;
                    const jsonData = this.state.jsonData;

                    Alert.alert(
                        'Delete',
                        'Are you sure you want to delete ?',
                        [
                            { text: 'No', onPress: () => console.log('Cancel Pressed'), style: 'cancel' },
                            {
                                text: 'Yes', onPress: () => {
                                    jsonData.splice(this.props.index, 1);
                                    this.props.parentFlatList.refreshFlatList(deletingRow);
                                }
                            },
                        ],
                        { cancelable: true }
                    );

                },

                component: <SwipeDelete onPressFun={onPress()} />     // here to pass above onPress() ?
            }
        ],