react-native - 有没有办法改变 react-native-paper 中按钮元素的底层颜色？

Question

按下按钮时，会出现默认的深蓝色背景色。我尝试了一切来改变 react-native-paper 中按钮的底层颜色，但没有成功。 React Native 按钮有一个 underColor 属性可以做到这一点。我们可以通过任何方式改变它吗？

Answer 1

如果你将它设置为onPress，它会在点击时给你点击行为

 <Button  onPress={() => console.log('Pressed')}>
    Press me
  </Button>

example in expo

你也可以使用不同类型的按钮

你可以通过prop-模式控制这个

From the documentation

Mode of the button. You can change the mode to adjust the styling to give it desired emphasis.

text - flat button without background or outline (low emphasis)

outlined - button with an outline (medium emphasis)

contained - button with a background color and elevation shadow (high emphasis)

  <Button  mode="outlined" onPress={() => console.log('Pressed')}>
    Press me
  </Button>