如何在React Native中创建一个具有渐变颜色的按钮和一个图标？

npm install react-native-linear-gradient

import LinearGradient from 'react-native-linear-gradient';

<LinearGradient
  colors={['#FF9800', '#F44336']}
  style={styles.button}
>
  <TouchableOpacity onPress={this.handleButtonPress}>
    <Text style={styles.buttonText}>按钮</Text>
  </TouchableOpacity>
</LinearGradient>

npm install react-native-vector-icons

import Icon from 'react-native-vector-icons/FontAwesome';

<TouchableOpacity onPress={this.handleButtonPress}>
  <LinearGradient
    colors={['#FF9800', '#F44336']}
    style={styles.button}
  >
    <Icon name="rocket" size={30} color="#FFF" />
    <Text style={styles.buttonText}>按钮</Text>
  </LinearGradient>
</TouchableOpacity>