如何在React原生的scrollView中为相同的btn赋予不同的样式？

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      btnStyles: [
        { backgroundColor: 'red' },
        { backgroundColor: 'blue' },
        { backgroundColor: 'green' }
      ]
    };
  }

  render() {
    return (
      <ScrollView>
        {this.state.btnStyles.map((style, index) => (
          <button key={index} style={style}>
            Button {index + 1}
          </button>
        ))}
      </ScrollView>
    );
  }
}

export default MyComponent;