reactButton组件在它使用的每个平台上呈现本机按钮。因此，它不会响应styleprops。它有自己的一套props。

使用它的正确方法是

<Button color="#ff5c5c" title="I'm a button!" />

您可以在https://facebook.github.io/react-native/docs/button.html查看文档

现在，假设您确实想要制作超级可自定义的按钮，为此您必须使用视图和可触摸的不透明度。类似的东西。

<TouchableOpacity onPress={...}>
  {... button markup}
</TouchableOpacity>

您将把它包装在您自己的按钮组件中并使用它。

我认为使用 TouchableOpacity 而不是 Button 标签肯定更好，因为 Button 在 Android 和 iOS 平台上造成样式差异。

您可以使用下面的代码，它看起来非常类似于一个按钮，它的作用就像一个：

 <TouchableOpacity
         style={styles.button}
         onPress={this.onPress}
       >
         <Text> Touch Here </Text>
 </TouchableOpacity>

const styles = StyleSheet.create({
  button: {
    alignItems: 'center',
    backgroundColor: '#DDDDDD',
    padding: 10
  }
})

是按钮不响应样式。但是替代的解决方案是我们可以使用 react-native-element 组件。

首先安装下面提到的软件包

npm install react-native-elements npm i react-native-linear-gradient npm i react-native-vector-icons

然后将包导入到您的代码中

    import { Button } from 'react-native-elements';
    import LinearGradient from 'react-native-linear-gradient';
    import Icon from 'react-native-vector-icons/FontAwesome';

    <Button ViewComponent={LinearGradient} // Don't forget this!
    linearGradientProps={{
    colors: ['#ffffff','blue', 'grey'],
    start: { x: 0, y: 0.5 },
    end: { x: 1, y: 0.5 },
    }} onPress={()=> this.props.navigation.navigate('First')} title="Click me"/>

有关更多信息，请访问以下链接：https : //react-native-elements.github.io/react-native-elements/docs/button.html