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

Question

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

Answer 1

如果您将其设置为 onPress，它将在点击时为您提供点击行为

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

世博会的例子

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

你可以通过 prop-mode 来控制它

从文档

按钮的模式。您可以更改模式以调整样式以赋予其所需的重点。

文本 - 没有背景或轮廓的平面按钮（低强调）

轮廓 - 带有轮廓的按钮（中等强调）

包含 - 带有背景颜色和高度阴影的按钮（高度强调）

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