reactjs - 如何在 touchableHighlight 中添加样式

Question

我正在尝试为 touchableHighlight 添加样式。每当我点击屏幕时，它也会选择边距。为什么会发生这种情况，我该如何摆脱它？

此外，黑框内还有一个图标。我想在触摸它时更改该图像的颜色。如何在 touchableHighlight 中添加该样式？

如果这很愚蠢，请原谅我。我是新来的反应本地人。

Answer 1

1. 使用边距而不是填充

2. 您需要使用 SVG 并设置 SVG 的图标颜色

     <TouchableHighlight
      onPress={()=>{}}
      activeOpacity={0.5}
      underlayColor="#ff00ff"
      style={{margin:50, width: 200, height: 50, justifyContent: 'center', alignItems: 'center'}}>
      <Text>Test</Text>
    </TouchableHighlight>