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

【问题标题】：Is there a way to change underlay color of button element in react-native-paper?有没有办法改变 react-native-paper 中按钮元素的底层颜色？
【发布时间】：2019-12-24 21:43:29
【问题描述】：

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

【问题讨论】：

你有例子吗？
就像 React Native 中的 TouchableOpacity。在按下 TouchableOpacity 时，它的颜色（不透明度）会改变一段时间。我想更改 react-native-paper 按钮中的颜色。

标签： react-native react-native-paper

【解决方案1】：

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

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

example in expo

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

你可以通过 prop-mode 来控制这个

From the documentation

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

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

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

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

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

【讨论】：

我想出了以下解决方案。 react-native-paper 库从 React Native 的 TouchableOpacity 元素中获取底层颜色。因此，无法更改。您可以编辑模块脚本或更改负责底层颜色的按钮的颜色属性，例如：<Button color="transparent">Press Me</Button>
你得到与mode="outlined"相同的结果见snack.expo.io/@yoel301/button-react-paper你的方式，文本也变得透明你需要使用labelStyle