如何为LIstView中的每一行添加一个按钮？

Question

我有2d字符串数组，我使用以下例程在屏幕上显示它：

class MyComponent extends Component {
    props: { strings: Array<Object>, onPress: Function };
    render() { 
               return (
                    <View>
                        {this.props.strings.map( (string) => { return (<Text>{string}</Text>); } ) }
                    </View>);
              }
} 

render() {  
        // ..
        let DataSource =  ds.cloneWithRows(My2dArray);
        return (    
                <View>
                    <ListView 
                        dataSource={DataSource}
                        renderRow={this.renderRow.bind(this)}
                    />
                </View>
                ); // return
    } // render

renderRow(row: Object) {
        return (
            <MyComponent SingleRow = {row} />
        ); // return
} // rendeRow

输出：

我希望每行都有一个按钮，如下所示：

但我不知道如何在renderRow()功能中设置我的按钮。有帮助吗？

由于

Answer 1

您可以使用jsonwebtoken包装任何内容并将该行拆分为多个块。我的意思是一个带有字符串的左侧块和带有按钮的右侧块，类似这样的

View