反应原生纸张按钮背景颜色

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

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

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

或

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

Answer 4

试试这个。

         <Button 
            mode="contained"
            buttonColor='#001871'
            onPress={() => console.log('Button Pressed')}>SAVE
          </Button>

Answer 5

您可以提供与 React Native 默认相同的样式。举个例子- console.log('按下')}> 给我注册吧！