覆盖react native中的按钮backgroundColor

Question

我是react native的新手，我想知道是否有一种简单的方法可以覆盖按钮中的backgroundColor。我确实尝试了很多方法，但都没有成功。基本上，我试图用我的自定义颜色替换默认的蓝色背景。

有什么好的建议吗？

Answer 1

您可以尝试

function App() {
const [color,setColor] = React.useState('blue'); 
return (
<Button 
color={color}
title="Click here"  
onPress={() => { setColor("black") } />
</div>
);
}
export default App;

Answer 2

请浏览react native、中Button的文档

你可以很容易地提供所需的颜色到按钮的颜色道具如下：

<Button
title="Press me"
color="black" // Color of your choice
onPress={() => Alert.alert('Button with adjusted color pressed')}>