反应本机纸按钮背景颜色

Question

我有这个按钮来自https://callstack.github.io/react-native-paper/button.html

<Button onPress={goSignUp}>

    Sign Up

</Button>

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

Answer 1

请用TouchableOpacity如果您使用TouchableHighlight&nbsp;尝试添加此&nbsp;<TouchableHighlight&nbsp;underlayColor='none'&nbsp;/>

Answer 2

你可能会问，为什么不使用可触摸的不透明度来代替按钮呢？答案是我有更多按钮（带有背景颜色），并且我希望所有按钮都具有与 react-native-paper 相同的默认样式。我找到了一个解决方案（将按钮包裹在 TouchableOpacity 内），但我认为必须有更好的方法......<TouchableOpacity onPress={goSignUp}>&nbsp; &nbsp;<Button style={styles.button}>Sign Up</Button></TouchableOpacity>

Answer 3

这个库有一个称为模式的按钮道具，您可以尝试将模式道具传递给它，或者只使用您的自定义样式<Button&nbsp;mode='contained'>Sign&nbsp;Up</Button>或者<Button&nbsp;style={{width:&nbsp;200,&nbsp;height:&nbsp;50,&nbsp;backgroundColor:&nbsp;'blue'}}>Sign&nbsp;Up</Button>