反应原生 - 按钮不会样式

【问题标题】：React native - button wont style反应原生 - 按钮不会样式
【发布时间】：2021-10-19 13:02:45
【问题描述】：

    const ButtonStyled = styled.Button`
      margin-top:10px;
    `;

    return (
        <ButtonStyled
            title={`Calcular ${pct}%`}
            onPress={calc}
        />
    )

【问题讨论】：

reactnative.dev/docs/button 一个基本的按钮组件，应该可以在任何平台上很好地呈现。支持最低级别的定制。如果此按钮看起来不适合您的应用，您可以使用 TouchableOpacity 构建自己的按钮。

【解决方案1】：

一个月前我遇到了同样的问题......

我建议更改 TouchableOpacity 的 Button 样式。

TouchableOpacity 样式更像是一个 div 而不是一个按钮

标题属性将被替换为 React-Native 本身的 Text 组件

所以样式代码将是：

const ButtonStyled = styled.TouchableOpacity`
  margin-top:10px;
`;

还有 JSX 代码：

<ButtonStyled>
   <Text>What ever you want</Text>

</ButtonStyled>

【讨论】：