Как настроить положение фона в компоненте ImageBackground (React Native)? - PullRequest
Новая
       4

Как настроить положение фона в компоненте ImageBackground (React Native)?

0 голосов
/ 25 февраля 2019

У меня есть изображение, подобное этому, в качестве актива seats.png (180 x 36 px), каждое "место" - это изображение размером 36x36 px:

This is My Image

Мой код: 

<View style={styles.container}>
      <ImageBackground 
      style={styles.redSeat}
      source={seatsPng}
      resizeMode="cover"
      >
      </ImageBackground>
</View>

import EStyleSheet from 'react-native-extended-stylesheet';

export default EStyleSheet.create({
  container: {
    backgroundColor: '#333',
    paddingTop: 10,
    paddingBottom: 10,
    paddingLeft: 10,
    paddingRight: 10,
  },
  redSeat: {
    width: 36, 
    height: 36,
    left: 0 // I want to show only red seat on the display
  }
});

Как сделать так, чтобы я мог отображать красное, желтое или фиолетовое сиденье, просто отрегулировав смещение изображения, например, положение фона в HTML / CSS?Приведенный выше код отображает только зеленое место.

PS: я искал страницу React-native github, я не могу поверить, что эта проблема была помечена как закрытая без решения от разработчика.Так что я открою эту ветку, если, возможно, будет решение в будущем.https://github.com/facebook/react-native/issues/12347

...