Question

我有一个native-base应用程序和样式工作但似乎部分缺少按钮。没有错误，我在我的应用程序中没有应用自定义样式。

请参阅下面的屏幕截图。按钮缺少字体颜色，填充，也许还有其他一些东西。对于任何按钮类型（透明，边框等）都是如此

我用简单的

渲染按钮

<Card onPress={console.log("hello") && this.props.navigation.navigate('Game')} key={game.location}>
  <CardItem header>
    <Left>
      <Icon name="ios-game-controller-a" />
      <Body>
        <Text>{game.location}</Text>
        <Text>Stations: {game.stationsCount}</Text>
      </Body>
    </Left>
    <Right>
      {this.gameStatus(game)}
    </Right>
  </CardItem>
  <CardItem>
    <Button primary block><Text>Join Game</Text></Button>
  </CardItem>
</Card>

知道为什么不会应用某些样式？

Answer 1

在对齐组件时，您需要使用<Left>，<Body>和<Right>

Answer 2

如果Button来自import { Button } from 'react-native'，则无法设置样式。此组件用于基于平台的默认样式。

此处来自官方文档：（https://facebook.github.io/react-native/docs/button.html）

如果此按钮看起来不适合您的应用，您可以使用TouchableOpacity或TouchableNativeFeedback构建自己的按钮。有关灵感，请查看此按钮组件的源代码。或者，看看社区建立的各种各样的按钮组件。

您可以按照以下示例创建自己的样式按钮：https://facebook.github.io/react-native/docs/touchableopacity.html

Answer 3

我一直都遇到这个问题-确保您从本机库导入<Text>和<View>而不是本机库。

Native Base按钮缺少样式

3 个答案: