反应本机纸按钮背景颜色答案

【问题标题】：React native paper button background color反应本机纸按钮背景颜色
【发布时间】：2020-10-12 05:18:17
【问题描述】：

<Button onPress={goSignUp}>
    Sign Up
</Button>

它没有背景颜色（正是我想要的），但是当我按下它时，带有波纹的背景颜色会淡入。如何删除 onPress 背景颜色？

【问题讨论】：

【解决方案1】：

这个库有一个称为模式的按钮道具，你可以尝试将模式道具传递给它，或者只使用你的自定义样式

<Button mode='contained'>Sign Up</Button>

或

<Button style={{width: 200, height: 50, backgroundColor: 'blue'}}>Sign Up</Button>

【讨论】：

【解决方案2】：

请使用TouchableOpacity

如果你使用TouchableHighlight 尝试添加这个

 <TouchableHighlight underlayColor='none' />

【讨论】：

【解决方案3】：

您可能会问，为什么不使用可触摸的不透明度来代替按钮？答案是我有更多按钮（带有背景颜色），我希望所有按钮都具有与 react-native-paper 相同的默认样式。

我找到了一个解决方案（将按钮包裹在 TouchableOpacity 中），但我认为必须有更好的方法......

<TouchableOpacity onPress={goSignUp}>
   <Button style={styles.button}>Sign Up</Button>
</TouchableOpacity>

【讨论】：