如何使用 react-native 的 TouchableNativeFeedback 在 android 中制作圆形按钮？

Question

有了TouchableHighlight，我可以用很容易使圆形按钮width，height和borderRadius样式属性。

然而，borderRadius似乎对TouchableNativeFeedback

我曾尝试TouchableNativeFeedback使用borderRadiusand将元素包装在视图中overflow: 'hidden'，但无济于事。

很高兴在这里得到一些帮助。谢谢。

Answer 1

布拉德·亚当斯回答的可复制示例：

<View style={{ borderRadius: 15, overflow: 'hidden' }}>
  <TouchableNativeFeedback background={TouchableNativeFeedback.Ripple('#000000', true)}>
</View>

编辑：出于某种原因，有人认为我正在复制答案，但我只是想提供一个清晰的工作示例

Answer 2

您只需要borderRadius在<View>周围的父级上设置<TouchableNativeFeedback>，并使用TouchableNativeFeedback.Ripple('your_color', true)背景道具中的方法（注意，无边框参数。设置为true）。

正如所描述reyeser 这里的反应本地github上的问题。