React Native Table 添加编辑按钮

const element = (data, index) => (

              <View style={{alignItems:'center',flexDirection:'row',justifyContent:'center'}}>

              <TouchableOpacity onPress={() => this._alertIndex(0,index,data)}>

                <Image source={require('../images/icon/editrecord.png')}/>

              </TouchableOpacity>

              <TouchableOpacity onPress={() => this._alertIndex(1,index,data)} style={{marginLeft:10}}>

                <Image source={require('../images/icon/undorecord.png')}/>

              </TouchableOpacity>

              </View>

          );

 

<ScrollView horizontal={true}>

                 <View>

                   <ScrollView style={styles.dataWrapper}>

                   <this.Table borderStyle={{borderColor: '#CFCFCF',borderWidth:1}}>

                            <this.Row data={this.state.tableHead} style={styles.header} textStyle={styles.htext} widthArr={this.state.widthArr}/>

                            {

                            this.state.tableData02.map((rowData, index) => (

                            <this.TableWrapper key={index} style={(() => {

                                return index%2!=0?styles.singelstyle:styles.multilstyle;

                            })()}

                            >

                            {

                            rowData.map((cellData, cellIndex) => (

                            <this.Cell key={cellIndex} data={cellIndex === 5 ? element(cellData, index) : cellData} textStyle={{width:this.state.widthArr[cellIndex],textAlign:"center"}}

                            style={{height: 40, backgroundColor: '#FFF',width:this.state.widthArr[cellIndex]}}/>

                            ))

                            }

                            </this.TableWrapper>

                            ))

                            }

                    </this.Table>

                    </ScrollView>

                    </View>

                </ScrollView>