在React Native中，为什么我的图标没有正确对齐？

时间：2018-12-16 12:21:40

标签： react-native native

我将React Native与NativeBase结合使用如下：

https://snack.expo.io/@deltanovember/tab-swipe

我正在尝试在此处实施“高级甲板刷卡器”：

http://docs.nativebase.io/Components.html#deckswiper-adv-headref

我的代码与示例几乎相同，但是我的前进图标在按钮的左侧对齐：

enter image description here

根据示例，它应该与按钮右侧对齐：

enter image description here

如何使对齐方式与示例匹配（即按钮右侧的图标？）

2 个答案:

答案 0 :(得分：1)

您要以不正确的顺序放置图标和文本。我只是将它们切换了而已：

    <Text>Swipe Right</Text>
    <Icon name="ios-arrow-forward" />

答案 1 :(得分：1)

此问题是因为您没有为<Body />标签设置样式

这应该正常工作

并在项目中的任何地方看到样式时尝试使用样式

这是您的右键：

      <Button
        iconRight
        onPress={() => this._deckSwiper._root.swipeRight()}>
        <View style={{ flexDirection: 'row-reverse' }} >
          <Icon name="ios-arrow-forward" />
          <Text>Swipe Right</Text>
        </View>
      </Button>

也许只是切换图标和文本即可解决此问题，但最好还是保持常规：）

（祝您好运，这是我第二天对您的朋友的回答：DDDD）

相关问题
最新问题