React Native Horizontal ScrollView намного шире, чем изображение, которое оно содержит - PullRequest
Новая
       36

React Native Horizontal ScrollView намного шире, чем изображение, которое оно содержит

0 голосов
/ 21 ноября 2018

Я хочу иметь ScrollView, содержащий изображение.Изображение имеет размер 16000px x 10000. Мне бы хотелось, чтобы высота изображения была высотой экранов в начальной позиции и шириной для прокрутки.

Мне удалось получить изображение, чтобы заполнить высоту экрана, но для некоторыхпричина, это слишком много прокрутки (например, в 3 раза больше ширины экрана, в то время как фактическое изображение в 1,8 раза больше ширины экрана).Что я могу сделать, чтобы избавиться от лишнего пустого пространства вокруг моего изображения?

Кроме того, как я могу затем сделать изображение масштабируемым (и, следовательно, заставить изображение прокручиваться как вертикально, так и горизонтально)

Цель здесь - создать масштабируемую карту, но с настраиваемым фоном, поэтому я не могу использовать ответные карты (если я что-то пропустил?) 

class ScrollTest extends Component {
    render(){
        let height = Dimensions.get('window').height;
        return(
            <View style={{flex:1}}>
                <ScrollView horizontal>
                        <Image
                            resizeMode='contain' 
                            source={require('./assets/scrolltest.jpg')}
                            style={{height}}
                        />
                </ScrollView>
            </View>
        );
    }
}
...