React-Native中的组件。如何添加颜色？

Question

我想有一个按钮组件，因为我的所有按钮将是相同的大小。然而，它们应该有不同的颜色。我可以在哪里/如何指定颜色？

Answer 1

如果您是在react原生按钮之上构建按钮组件，则可以将它们设计为以this颜色(和onPress回调)作为道具。

ButtonComponent.js (使用https://reactnative.dev/docs/button中的按钮)

import React from 'react';
import { Button } from 'react-native';

function ButtonComponent(props) {
  return <Button onPress={props.onPress} title="My Button Component" color={props.color} />;
}

根据文档，颜色属性决定了“文本的颜色(iOS)，或者按钮的背景颜色(安卓)”