反应本机纸张按钮背景色

Question

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

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

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

Answer 1

请使用<div class="quadrant"> <div>

如果您使用过TouchableOpacity 尝试添加这个

TouchableHighlight

Answer 2

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

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

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

Answer 3

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

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

或

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