反应本机纸按钮背景颜色

Question

我有这个按钮来自https://callstack.github.io/react-native-paper/button.html<Button onPress={goSignUp}>    Sign Up</Button>它没有背景颜色（正是我想要的），但是当我按下它时，带有波纹的背景颜色会淡入。如何删除 onPress 背景颜色？

Answer 1

请用TouchableOpacity

如果您使用TouchableHighlight 尝试添加此

 <TouchableHighlight underlayColor='none' />

Answer 2

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

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

<TouchableOpacity onPress={goSignUp}>

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

</TouchableOpacity>

Answer 3

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

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

或者

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