javascript - react native : Can't style the Button

Question

我是 React Native 的新手。我熟悉 React 并将其用于我的工作。 React Native 在将样式应用于组件方面似乎有所不同。

我在将样式应用于按钮时遇到问题。

这是我当前的代码:

<Button
  title="LET'S GET STARTED"

  onPress={() => {
    console.log('You tapped the Decrypt button!');
  }}
  buttonStyle={{
    backgroundColor: "#0A6ABB",
    width: 300,
    height: 45,
    borderColor: "#FFFFFF",
    borderWidth: 2,
    borderRadius: 5
  }}
  containerStyle={{ marginTop: 50 }}
/>

我尝试了多种方法，但样式没有应用到我创建的按钮。

下面是截图:

“让我们开始吧”是按钮，无论它是什么，它都只有默认的蓝色文本。我怎样才能解决这个问题？谁能帮我解决这个问题？

Answer 1

您的 Button 组件是从 react-native 导入的吗？如果是，那么您不能设计它，因为如他们的 documentation 所述，下面是支持的 Prop ， buttonStyle 是不支持的 Prop 。或者，也许您可​​以尝试其他软件包，例如 react-native-elements 中的 Button|或 NativeBase

• onPress
• 标题
• 可访问性标签
• 颜色
• 残疾
• 测试编号
• 有TVPreferredFocus