时间戳

首页 > 解决方案 > 在 React Native 中，为什么我的图标没有右对齐？

react-native - 在 React Native 中，为什么我的图标没有右对齐？

问题描述

我正在使用带有 NativeBase 的 React Native，如下所示：

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

我正在尝试在这里实现 Advanced Deck Swiper：

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

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

在此处输入图像描述

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

在此处输入图像描述

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

标签： react-nativenative

解决方案

这个问题是因为你没有为你的<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）

推荐阅读