Почему в React Native мой значок не выровнен по правому краю? - PullRequest
Новая
       6

Почему в React Native мой значок не выровнен по правому краю?

0 голосов
/ 16 декабря 2018

Я использую React Native с NativeBase следующим образом:

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

Я пытаюсь реализовать Advanced Deck Swiper здесь:

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

Мой код практически идентичен примеру, но мой значок пересылки выровнен слева от кнопки:

enter image description here

, тогда какисходя из примера, он должен быть выровнен по правому краю кнопки:

enter image description here

Как настроить выравнивание в соответствии с примером (т. е. значок насправа от кнопки?)

Ответы [ 2 ]

0 голосов
/ 16 декабря 2018

эта проблема связана с тем, что вы не установили стиль для вашего <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)

0 голосов
/ 16 декабря 2018

Вы размещаете значок и текст в неправильном порядке.Я просто переключил их, и это работает: 

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